STRUKTUR DASAR HTML 5

                             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 

Related Posts:

Tweet