Untuk Postingkali ini saya akan Menjelaskan Struktur Dasar HTML 5
DOCTYPE UNTUK HTML5
• DOCTYPE adalah instruksi untuk web browser tentang apa versi bahasa markup halaman
yang ditulis.
• Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD).
• DTD menetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar.
• Penggunaan DOCTYPE pada html5 lebih di sederhanakan.
• Sintak penulisannya :
STRUKTUR DASAR HTML 5
ELEMEN YANG DI HAPUS PADA HTML5
• <acronym>
• <applet>
• <basefont>
• <big>
• <center>
• <dir>
• <font>
• <frame>
• <frameset>
• <noframes>
• <strike>
• <tt>
HTML5 SEMANTIC ELEMENTS
• Semantic = arti/makna
• Semantic elements = elemen dengan maknaApa Unsur Semantic?
• Unsur semantik jelas menggambarkan maknanya untuk browser dan developer.
• Contoh non-semantik elemen: <div> dan <span> - tidak menjelaskan tentang isinya.
• Contoh semantik elemen: <form>, <table>, dan <img> - Jelas mendefinisikan isinya.
ELEMEN SEMANTIK BARU HTML5
• Banyak situs web yang ada saat ini mengandung kode HTML seperti ini: <div id="nav">, <div class="header">, atau <div id="footer">, untuk menunjukkan link navigasi, header, dan footer.
• HTML5 menawarkan elemen semantik baru untuk mendefinisikan bagian yang berbeda dari sebuah halaman web:
<header>
<nav>
<section>
<article>
<aside>
<figure>
<figcaption>
<time>
<footer> dan masih banyak tag-tag lainnya
PENJELASAN TAG-TAG HTML5
- <header>, digunakan untuk area header(bagian atas sebuah halaman web).
- <article>, untuk tempat meletakkan artikel atau tulisan dihalaman web.
- <aside>, digunakan sebagai penambah informasi utama didalam halaman web. Biasanya berupa peringatan, catatan, dll.
- <section>, untuk menentukan seksi-seksi dokumen. Misalnya bagian yg mendefinisikan sebagai profil, kontak, berita, dan sebagainya.
- <figure>, Menentukan konten mandiri, seperti diagram, foto, daftar kode, dll.
- <figcaption>, Mendefinisikan caption untuk elemen <figure>
Sekian dari saya semoga artikel ini bermanfaat dan menambah pengetahuan anda
