Aspek penting lainnya dari struktur dan representasi yang memisahkan adalah penggunaan markup semantik untuk membangun konten dokumen. Keberadaan elemen XHTML berarti bahwa bagian dari konten yang ditandai memiliki makna terstruktur yang sesuai, dan tidak ada alasan untuk menggunakan tag lain. Dengan kata lain, jangan biarkan CSS membuat satu elemen HTML terlihat seperti elemen HTML lainnya, seperti menggunakan <div> alih -alih judul tag <p>.
Pertama -tama, ini adalah tentang perbedaan antara semantik dan gaya default. Gaya default adalah ekspresi dari beberapa tag yang umum digunakan yang ditetapkan oleh browser. Saya pribadi berpikir bahwa tujuan utamanya adalah untuk membiarkan semua orang secara intuitif membiasakan diri dengan penggunaan dan fungsi markup dan atribut. Jelas bahwa seri HX terlihat sangat mirip dengan judul karena memiliki ukuran font yang berani dan lebih besar. <strong>, <em> digunakan untuk membedakannya dari kata lain dan memainkan peran penekanan. Adapun daftar dan meja, jelas untuk memberi tahu Anda apa yang mereka lakukan.
Kedua, hal terpenting tentang halaman web semantik adalah bahwa mereka ramah pada mesin pencari, dan dengan struktur dan semantik yang baik, konten halaman web Anda secara alami mudah dirangkak oleh mesin pencari, dan promosi situs web Anda dapat menghemat banyak upaya.
Semantik dan penggunaan spesifik telah dijelaskan dalam referensi tag XHTML1.0. Beberapa tag dan atribut yang mudah dilupakan atau bingung dilengkapi di sini.
<Hx><h1>, <h2>, <h3>, <h4>, <h5>, <h6>, digunakan sebagai judul dan dikurangi sesuai dengan pentingnya. <h1> adalah level tertinggi.
Misalnya:
Contoh Kode [www.cuoxin.com]