Bagi kamu yang suka menyelami samudera HTML, kamu tentu sudah akrab dengan <div>. Atau mungkin kamu adalah seorang divitis? yang membangun sebuah halaman web atau template dengan menggunakan begitu banyak <div>?
Menjadi seorang divitis adalah hal yang lumrah, dulu aku juga seorang divitis, namun sejak adanya HTML 5, aku mulai menghilangkan sindrom divitis-ku. Karena dalam HTML 5, ada beberapa elemen terstruktur baru yang dapat digunakan untuk menggantikan <div>, untuk menghilangkan sindrom divitis. Berikut ini adalah elemen terstruktur HTML 5, yang tidak ada di HTML 4 :
<section>
<article>
<header>
<footer>
<hgroup>
<nav>
<aside>
<figure>
dan lain-lain
Di HTML 4 dulu, biasanya menggunakan class untuk menerapkan CSS pada bagian tertentu. Misalnya, untuk mengatur tampilan di navigasi. Dalam HTML 4, aku menggunakan
<div class="nav">
namun, dalam HTML 5, class sudah jarang digunakan di navigasi, karena di HTML 5 sudah menggunakan <nav> sebagai pengganti dari <div class="nav">
Berikut ini adalah class-class yang populer digunakan di HTML 4 dan penggantinya di HTML 5.
| Nama Class | Elemen HTML 5 |
| title, header | <header> |
| footer | <footer> |
| menu | <menu> |
| content, main, body | <article> |
| nav | <nav> |
| sidebar | <aside> |
| date | <time> |
Mari kita sama-sama belajar untuk mentransformasikan HTML 4 ke HTML 5.
Wallahu 'alam
Wallahu 'alam

0 komentar:
Posting Komentar