Kaasup elemen HTML heubeul jeung jelema anyar pikeun HTML5
Bari perkembangannya sempet dimimitian sababaraha taun saméméh, HTML5 munggaran bener dimimitian datang kana pamakéan umum kalawan web désainer / pamekar dina 2010. Katuhu kaluar tina gerbang, basa ngarasa dalit jeung loba professional web sabab tinimbang nyoba reinvent sagalana ti scratch, HTML5 diwangun dina naon anu datangna sateuacan. Saha anu terang HTML 4,01 gancang kapanggih yén rada saeutik versi anu bisa ayeuna kapanggih di HTML5.
Bari HTML5 ngawengku loba elemen anu geus sabudeureun dina HTML keur awhile, éta ogé diwanohkeun sakeupeul elemen nu éta anyar pikeun HTML5. Pikeun loba sahiji elemen anyar, hiji pendekatan disebut "paving nu cowpaths" ieu dipaké. Ieu istilah anu ilahar dipaké dina IT ka dasarna hartosna ka kasampak di kumaha urang anu geus ngalakonan tur ngalakukeun éta. Dina kasus web désainer, ieu dimaksudkan pikeun nempo sabaraha maranéhanana geus ngawangun kaca jeung ka nangtukeun kaputusan on elemen anyar dina kagiatan maranéhanana. Contona, loba web professional bakal ngawangun situs web kalawan babagian anu dipaké ID atawa Kelas atribut tina "lulugu", "nav", sarta "footer". Salaku misalna, HTML5 ngawanohkeun ieu elemen sakumaha anyar, sahingga web professional pikeun nambahkeun leuwih hartina mun dokumén ku cara ngagunakeun elemen sectioning dedicated tinimbang ngan bagean. Kombinasi ieu familiarity na hiji pendekatan anu dipikawanoh lila ayeuna mantuan HTML5 bisa gancang dirangkul ku industri desain web.
The HTML5 Doctype
Bagéa, ngagunakeun sagala elemen HTML5 anyar, dokumen anjeun kudu kaasup doctype HTML5 nu:
Anjeun bisa aya bewara yen doctype ieu teu husus nyebut "HTML5", tapi rada saukur nyebutkeun versi salaku "html". Ieu kusabab doctype ieu naon ieu dimaksudkeun pikeun dipaké bade maju pikeun sakabéh iterations basa.
Kanyataanna, HTML5 anu sakuduna dituju janten versi wilanganana panungtungan basa, kalayan parobahan anyar keur ditambahkeun dina dasar konsisten dina mangsa nu bakal datang. Kanyataanna, sababaraha elemen dina daptar di handap ieu geus ditambahkeun kana bahasa ogé sanggeus éta push awal taun 2010!
The HTML5 Tags
Tag | katerangan | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Jangkar atanapi link | |||||||||||||
abbr> | singgetan | ||||||||||||
| Alamat atawa pangarang ti dokumen teh | ||||||||||||
| peta gambar klien-sisi | ||||||||||||
| artikel | ||||||||||||
| eusi tangensial | ||||||||||||
stream audio | |||||||||||||
b> | wani | ||||||||||||
| jalur Base URI pikeun elemen dina dokumen éta | ||||||||||||
bdo> | Bi-arah algoritma | ||||||||||||
blockquote> | panjang petik | ||||||||||||
| Awak kaca | ||||||||||||
| garis putus | ||||||||||||
| Tombol formulir HTML | ||||||||||||
| Kanvas keur grafik dinamis | ||||||||||||
<-! -> | komentar | ||||||||||||
| méja caption | ||||||||||||
| nyalukan | ||||||||||||
| rujukan kode | ||||||||||||
| kolom méja | ||||||||||||
| Méja kolom golongan | ||||||||||||
| Paréntah atawa aksi dina kaca | ||||||||||||
tipe dokumen harti | |||||||||||||
| data grid | ||||||||||||
pilihan siap pake pikeun kadali sejen | |||||||||||||
| Harti daptar pedaran atawa bentang wacana | ||||||||||||
| téks dihapus | ||||||||||||
| Tambahan informasi dina paménta | ||||||||||||
dfn> | panjelasan | ||||||||||||
obrolan | |||||||||||||
div> | division logis | ||||||||||||
| pedaran daftar | ||||||||||||
| daftar harti istilah atawa spiker dialog | ||||||||||||
em> | tekenan | ||||||||||||
| Unsur study pikeun plugins | ||||||||||||
grup kadali formulir | |||||||||||||
| The caption dipaké pikeun | ||||||||||||
| Gambar jeung caption pilihan | ||||||||||||
Footer kaca | |||||||||||||
| wujud | ||||||||||||
h1> | headline tingkat kahiji | ||||||||||||
H2> | Kadua headline tingkat | ||||||||||||
h3> | headline tingkat katilu | ||||||||||||
h4> | Tingkat kaopat headline | ||||||||||||
h5> | Kalima tingkat headline | ||||||||||||
h6> | Kagenep tingkat headline | ||||||||||||
| Kapala dokumen teh | ||||||||||||
| Lulugu tina kaca | ||||||||||||
hgroup> | grup pos | ||||||||||||
| aturan horizontal | ||||||||||||
html> | Unsur akar kaca Wéb | ||||||||||||
i> | gaya tulisan miring | ||||||||||||
pigura Inline | |||||||||||||
gambaran | |||||||||||||
formulir unsur input | |||||||||||||
| formulir unsur tombol | ||||||||||||
| formulir centang unsur | ||||||||||||
| input warna | ||||||||||||
| input Tanggal | ||||||||||||
| titimangsa Global na input waktos | ||||||||||||
| titimangsa lokal sarta input waktos | ||||||||||||
| input alamat surélék | ||||||||||||
| File formulir unggah unsur | ||||||||||||
| unsur lapang formulir disumputkeun | ||||||||||||
| formulir gambar unsur | ||||||||||||
| Taun na bulan input | ||||||||||||
| input angka | ||||||||||||
| formulir sandi unsur | ||||||||||||
| Radio formulir tombol unsur | ||||||||||||
| input angka Imprecise | ||||||||||||
| formulir unsur tombol reset | ||||||||||||
| médan search | ||||||||||||
| Nepikeun tombol formulir unsur | ||||||||||||
| input angka telepon | ||||||||||||
| Téks formulir widang unsur | ||||||||||||
| input waktos | ||||||||||||
| input URL | ||||||||||||
| Taun na minggu input | ||||||||||||
| téks diselapkeun | ||||||||||||
kbd> | Téks bisa diasupkeun ku pamaké | ||||||||||||
| Ngahasilkeun kenop aman pikeun manajemén sertipikat | ||||||||||||
| labél formulir | ||||||||||||
| Formulir fieldset caption | ||||||||||||
| item daptar | ||||||||||||
Link kana dokumén patali | |||||||||||||
| aréa utama eusi dina kaca | ||||||||||||
| peta gambar klien-sisi | ||||||||||||
| Ditandaan atawa disorot téks | ||||||||||||
Daptar Paréntah | |||||||||||||
Inpo Meta ngeunaan dokumen teh | |||||||||||||
| gauge skalar | ||||||||||||
Nangtukeun urang wewengkon nu Tumbu navigasi | |||||||||||||
Eusi lamun Aksara henteu sadia | |||||||||||||
| Non-standar obyék | ||||||||||||
| Maréntahkeun atanapi daftar wilanganana | ||||||||||||
Grup sahiji pilihan dina daptar pilih | |||||||||||||
| Pilihan dina daptar pilih | ||||||||||||
| Balukar tina itungan formulir | ||||||||||||
p> | Alinea | ||||||||||||
Parameter tina unsur objek | |||||||||||||
pre> | Pra-formatna téks | ||||||||||||
| indikator kamajuan | ||||||||||||
q> | Pondok petik inline | ||||||||||||
Ruby parenthesis | |||||||||||||
téks Ruby | |||||||||||||
Ruby> | Ruby annotation | ||||||||||||
| téks Strikeout | ||||||||||||
samp> | output sampel | ||||||||||||
| Aksara | ||||||||||||
| Bagian tina kaca | ||||||||||||
| Pilih atanapi béréndélan menu leupaskeun-handap | ||||||||||||
| Ukuran font Leutik | ||||||||||||
| sumber Media | ||||||||||||
| wadahna gaya inline generik | ||||||||||||
| tekenan kuat | ||||||||||||
| cadar gaya | ||||||||||||
sub> | Subscript | ||||||||||||
| Kasimpulan eusi rinci unsur | ||||||||||||
sup> | Superscript | ||||||||||||
| meja | ||||||||||||
barisan tabel awak | |||||||||||||
TD> | sél méja | ||||||||||||
Multi garis formulir unsur | |||||||||||||
barisan tabel footer | |||||||||||||
th> | sél lulugu méja | ||||||||||||
thead> barisan tabel lulugu | | ngahartikeun waktu | | gelar | | baris méja | |
daftar Unordered atanapi buletted | var> | Variabel atawa pamaké diartikeun téks | | Video atanapi pilem study di kaca |