HTML5 hadir dengan membawa beberapa tag baru. Dalam tutorial belajar HTML5 kali ini kita akan mempelajari pengertian dari semantic tag pada HTML5.
Pengertian Semantic Tag pada HTML5
HTML5 memperkenalkan sekitar 30an tag baru (dan mungkin akan terus bertambah), sebagian besar diantaranya berfungsi untuk membuat struktur HTML, atau yang dikenal dengan semantic tag.
Apa yang dimaksud dengan semantic tag? Semantic Tag atau Semantic Markup, adalah sebutan untuk tag-tag HTML yang memiliki ‘arti‘ atau ‘makna’. Kata semantic berasal dari kata yunani yang berarti ‘mempelajari arti‘ (the study of meaning).
HTML ditujukan untuk membuat struktur halaman web. Tag
misalnya, digunakan untuk membuat paragraf, tag untuk membuat judul/header, dan tag Sedangkan tag seperti Walaupun dari atribut id kita bisa melihat ‘arti‘ dari tag-tag tersebut, akan tetapi tag HTML5 memperkenalkan tag-tag baru yang ditujukan untuk mengatasi hal ini. Daripada menggunakan Beberapa semantic tag yang dibawa oleh HTML5 adalah sebagai berikut: Sebagian besar dari semantic tag tersebut digunakan untuk membuat struktur halaman. Kita akan membahas cara penggunaannya dalam tutorial-tutorial berikutnya. Sebuah hal menarik dari semantic tag yang ada pada HTML5 adalah: sebagian besar tidak memiliki style bawaan. Jika kita menggunakan tag atau tag , kedua tag ini akan tampil pada baris baru dan berjarak beberapa spasi dari kalimat yang berada sebelumnya. Tag juga akan ditampilkan secara tebal (bold). Ini adalah style bawaan dari tag HTML. Tag-tag semantic pada HTML5 umumnya tidak ‘membawa‘ style apa-apa. Tag Kembali ke tujuan awal HTML, bahwa ia dirancang untuk membuat struktur halaman, bukan tampilkan. Efek tampilan seperti spasi (margin), huruf tebal, huruf miring, dll sebaiknya ditambahkan menggunakan CSS. Style bawaan dari tag dan juga sering menjadi masalah apabila kita ingin mengubahnya. Bahkan adalah hal ‘wajib‘ bagi desainer web untuk menghapus style bawaan ini dengan metoda yang dikenal dengan CSS reset. CSS reset bertujuan untuk membuang seluruh style bawaan, sehingga tag-tag HTML menjadi tanpa style sama sekali. Hal ini memudahkan perancangan desain web. Karena hal inilah, tag-tag semantic pada HTML5 dirancang tidak memiliki style. Tetapi kita bisa dengan mudah memperindahnya menggunakan CSS. Dalam tutorial belajar HTML5 berikutnya, kita akan membahas tentang cara membuat struktur HTML5 dengan semantic tag ini. untuk membuat tabel, kesemua tag ini memiliki ‘arti‘ yang jelas, karena itu termasuk kedalam semantic tag.
Semantic Tag yang Tanpa Style
Sumber wk.com
EmoticonEmoticon