Membuat halaman semantik yang relevan telah menjadi praktik yang baik di web sejak lama sebelum iPad muncul, namun HTML5 dibuat dalam tag khusus untuk Jadikan lebih mudah untuk konsisten dalam bagaimana Anda menggunakan semantik saat merancang halaman web. Ide membuat halaman semantis yang relevan berasal dari penemu World Wide Web, Tim Berners-Lee, yang membayangkan "kumpulan data" yang memiliki arti, atau semantik >.
Membuat halaman web dengan struktur semantik telah lama dianggap sebagai praktik terbaik karena memberi arti lebih banyak pada halaman web. Dalam HTML4 dan XHTML, perancang web dapat membuat struktur semantik dengan mengikuti aturan yang mapan dengan tag HTML. Sebagai contoh, judul utama pada halaman harus diformat dengan tag Heading 1, atau
. Demikian pula, sebagian besar perancang web sekarang menentukan gaya kelas atau ID untuk bagian utama situs dengan nama seperti header dan footer untuk mengidentifikasi peran dan kepentingan mereka di halaman.
HTML5 mengambil konsep ini selangkah lebih maju dengan menambahkan serangkaian elemen semantik baru. Alih-alih menciptakan gaya kelas atau ID dan menerapkannya pada tag, di HTML5 Anda bisa menggunakan tag dengan nama seperti dan.
Jadi, daripada menggunakan gaya ID seperti
, Anda cukup menggunakannya. Sama seperti tag, namun tidak ada tag baru yang dilakukan
kecuali Anda mendefinisikan seperangkat aturan gaya yang sesuai dengan namanya.
Membangun elemen semantik ini menjadi HTML5 memberi perancang cara yang lebih konsisten dalam menyusun halaman HTML dan direkomendasikan karena membuat halaman web lebih mudah diakses oleh siapa saja yang menggunakan pembaca layar untuk membaca halaman web dengan keras, juga. seperti untuk bot pencarian dan program lain yang perlu menafsirkan isi dari sebuah halaman web terlepas dari disainnya. Anggap saja seperti ini: Bila Anda melihat halaman web, umumnya Anda bisa tahu dari desain bagian halaman mana yang menjadi headernya (ada area navigasi dengan link) dan yang merupakan footer (dengan hak cipta dan Rincian lainnya). Tapi tidak ada bot, pembaca, dan program lain yang perlu menafsirkan halaman web dapat "melihat" desainnya, dan itulah alasan mengapa menggunakan semantik itu penting. Struktur semantik sebuah halaman dapat terlepas dari gaya dan posisi konten, sehingga Anda dapat membuat halaman yang memiliki makna karena bagian yang dapat dikenali membentuk struktur logis. Bagi pengunjung yang bisa melihat halaman, Anda bisa memberi style pada bagian, seperti header atau footer, untuk menampilkan cara yang Anda inginkan pada browser.
