HTML5 dilengkapi dengan tag baru beberapa. Dalam tutorial belajar HTML5 kali ini kita akan belajar arti dari tag semantik di HTML5.

Memahami Tag Semantic di HTML5

HTML5 memperkenalkan sekitar 30 tag baru (dan mungkin akan terus tumbuh), sebagian besar yang berfungsi untuk membuat struktur HTML, atau dikenal sebagai tag semantik .

Yang dimaksud dengan tag semantik ? Semantic Tag atau Semantic Markup , adalah nama untuk tag HTML yang memiliki ' berarti ' atau ' berarti'. Kata s emantic berasal dari kata Yunani yang berarti ' mempelajari arti dari ' ( studi tentang makna ).

HTML dimaksudkan untuk menciptakan struktur halaman web. Tag

, misalnya, digunakan untuk membuat paragraf, tag

untuk membuat judul / sundulan , dan tag untuk membuat tabel, semua tag ini memiliki ' berarti ' jelas, karena termasuk ke dalam tag semantik .

Tag seperti

> dan tidak memiliki rasa apa -Apa, tapi itu adalah umum untuk membuat struktur halaman. Jika Anda pernah dirancang web menggunakan CSS tag

adalah tag yang sangat sering digunakan. Untuk membuat bagian header yang berisi menu navigasi atau logo, kita biasanya menggunakan tag

, untuk membuat footer biasanya menggunakan

, sedangkan untuk menu utama bisa menggunakan

atau

.

Meskipun dari atribut id kita bisa melihat ' berarti ' tag ini, tapi tag

itu sendiri tidak memiliki arti apapun ( tag non semantik ). Web browser seperti pembaca layar untuk teman kita yang bekebutuhan tertentu, tidak dapat menentukan apakah ini adalah tag header, atau isi dari website. Kita bisa membuat sundulan halaman dengan menggunakan

atau

.

HTML5 memperkenalkan tag baru dimaksudkan untuk mengatasi hal ini. Daripada menggunakan

, kita dapat menggunakan tag

sebagai penanda bagian atas halaman HTML, dan tag

Post a Comment