Apa yang baru di HTML5?

Question

Sejak tahun 1999, HTML 4.01 telah banyak berubah. Hari ini, beberapa HTML 4.01 telah usang, dan elemen-elemen ini telah dihapus atau didefinisikan ulang di HTML5.

Table of Contents Show

About Afakhan
Apa kelebihan HTML5 dari pemrograman lainnya?
Apakah HTML dan HTML5 sama?
6 Apa itu HTML5?
HTML versi 5 dirilis tahun berapa?

Dalam rangka untuk lebih menangani aplikasi internet saat ini, HTML5 menambahkan banyak elemen baru dan fitur, seperti: render grafis, konten multimedia, struktur halaman yang lebih baik, bentuk yang lebih baik pengolahan, dan beberapa api drag dan drop elemen, posisi, Termasuk aplikasi web caching, penyimpanan, pekerja web, dan sebagainya.

Html pasti sudah tidak asing lagi di telinga kalian, karena html sering digunakan dalam membangun sebuah website atau blog. Dalam membangun sebuah website atau blog kalian menggunakan sekumpulan tag yang menjadi sebuah source code. Html bukanlah sebuah bahasa pemrograman melainkan bahasa markup dan kini html sudah sampai ke versi 5 atau lebih dikenal sebagai html5. Pada html5 ada tag baru dan ada tag yang tidak digunakkan lagi serta ada tag yang disederhanakan, berikut beberapa tag baru pada <html>:

Tag pembuka mendapat pembaharuan yaitu !Doctype, jadi kita tidak perlu referensi ke DTD. Ini dikarenakan HTML5 bukan lagi bagian dari SGML.

<!DOCTYPE html>

Beberapa karakter pada Html5 disederhakan, dan ia menggunakan UTF-8 dan kita hanya perlu menggunakan satu tag <meta> :

<meta charset="UTF-8">

Tag Stuktur Baru Pada Html5

Html5 mengenali bahwa laman web memiliki struktur, seperti halnya buku dan dokumen XML lainnya memiliki struktur. Secara umum, laman web memiliki navigasi, konten isi, konten bilah sisi, header, footer, dan fitur lainnya. HTML 5 memiliki tag untuk mendukung elemen-elemen halaman tersebut, berikut beberapa tag struktur:

<section> mendefinisikan bagian halaman.
<header> mendefinisikan header halaman.
<footer> mendefinisikan footer halaman.
<article> mendefinisikan artikel atau konten utama pada suatu halaman.
<nav> mendefinisikan navigasi pada halaman.
```
<meta charset="UTF-8">
```
0 mendefinisikan konten tambahan seperti bilah sisi di halaman.
```
<meta charset="UTF-8">
```
1 mendefinisikan gambar yang ada pada artikel

Tag Element inline Baru Pada Html5

Elemen inline baru menetapkan beberapa konsep dasar dan menjaganya tetap semantis:

```
<meta charset="UTF-8">
```
2 menunjukkan konten yang ditandai dengan mode tertentu.
```
<meta charset="UTF-8">
```
3 menunjukkan konten yang merupakan waktu atau tanggal.
```
<meta charset="UTF-8">
```
4 menunjukkan konten yang merupakan pecahan dari range yang diketahui seperti penggunaan penyimpanan.
```
<meta charset="UTF-8">
```
5 menunjukkan kemajuan tugas menuju penyelesaian.

Tag yang Mendukung Halaman Dinamis pada Html5

Html 5 dikembangkan untuk membantu pengembang aplikasi web, jadi ada banyak tag baru yang memudahkan pembuatan halaman Html dinamis:

```
<meta charset="UTF-8">
```
6 tag ini memberikan detail tentang suatu elemen, ini seperti tooltips di aplikasi non-web.
```
<meta charset="UTF-8">
```
7 membuat tabel yang dibangun dari database atau sumber dinamis lainnya.
```
<meta charset="UTF-8">
```
8 adalah tag lama yang dibawa kembali dan diperbarui yang memungkinkan kita untuk membuat sistem menu di halaman web.
```
<meta charset="UTF-8">
```
9 mendefinisikan tindakan yang seharusnya terjadi ketika elemen dinamis diaktifkan.

Attribute Type Baru Pada Element Input di Html5

Html mendukung semua jenis input bentuk standar, tetapi pada html5 ditambahkan beberapa lagi, seperti:

datetime
datetime-local
date
month
week
time
number
range
email
url

Tag Element Baru Pada Html5

Ada beberapa element baru yang menarik dalam html5, seperti:

<html>0 Elemen ini memberi ruang gambar dalam JavaScript di halaman web. Tag Elemen ini dapat menambahkan gambar atau grafik ke tooltips atau membuat grafik dinamis di halaman web.
<html>1 Tag yang berfungsi untuk menambahkan video ke halaman web.
<html>2 Tag yang berfungsi untuk menambahkan audio ke halaman web.

Tag Element yang Dihapus Pada Html5

Beberapa element dalam Html 4 tidak lagi didukung oleh Html 5. Sebagian besar sudah tidak digunakan lagi, antara lain:

acronym
applet
basefont
big
center
dir
font
frame
frameset
isindex
noframes
noscript
s
strike
tt
u

Demikian Tag element dan attribute yang ada pada Html5. Semoga bermanfaat dan bisa membantu.

Share on Facebook Share on Twitter Share on Google Plus

About Afakhan

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.

Apa kelebihan HTML5 dari pemrograman lainnya?

Selanjutnya, kelebihan HTML5 adalah ia hadir sebagai solusi dari HTML4 yang tidak memiliki dukungan baik untuk konten-konten audio dan video. Contohnya saja, HTML5 adalah bahasa markup yang mempunyai atribut control untuk membuat tombol play dan pause pada sebuah audio player.

Apakah HTML dan HTML5 sama?

HTML5 adalah perbaikan dari HTML. Versi ini diciptakan sebagai solusi untuk kebutuhan saat ini — salah satunya adalah dukungan untuk membuat website yang bersifat mobile-friendly. HTML5 mampu menangani error secara lebih baik dibanding HTML.

6 Apa itu HTML5?

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet.

HTML versi 5 dirilis tahun berapa?

HTML Versi 5.0 HTML versi ini atau lebih dikenal dengan HTML5 lahir pada tahun 2008 yang menjadi standar baru untuk HTML, XHTML, & DOM HTML. HTML5 ini merupakan proyek kerjasama antara W3C dengan WHATWG (Web Hypertext Application Technology Working Group).