Ide dari semantic markup adalah memberikan arti pada setiap tag yang kita tulis. Seperti kita tahu, tag dasar tidak memberikan arti secara spesifik akan konten yang kita tulis. Tag yang memiliki arti, akan mempermudah memahami apa konten dari teks yang diapit oleh tag tersebut.

Bagaimana memberikan “arti” pada sebuah tag? Solusi yang dapat kita pergunakan adalah dengan memberikan nama ID dan Class dari sebuah tag yang dapat dimengerti dan mencerminkan apa makna dari konten yang terdapat dalam tag tersebut. Perhatikan:

Penggunaan nama ID dan Class yang kurang baik:

<div id="blok1"> <span class="red">
Login Anda Gagal</span>
<span class="tekssmall">
Periksa Nama dan Password Anda
</span> </div>

Penggunaan nama ID dan Class diatas seharusnya:

<div id="login"> <span class="error">
Login Anda Gagal</span>
<span class="errorconfirmation">
Periksa Nama dan Password Anda
</span> </div>

Contoh lainnya:

<p class="teksbig">Selamat Datang di Design World,
situs ini menyajikan artikel-artikel
desain bla..bla..bla..</p>

Akan lebih baik jika:

<p class="intro">Selamat Datang di Design World,
situs ini menyajikan artikel-artikel
desain bla..bla..bla..</p>

Arti dan Format

Penerapan semantic markup akan mengalami kendala pada penyeragaman format. Contohnya begini, bila kita membuat banyak halaman, dan membutuhkan sebuah format css yang sama dan standard dimana dibutuhkan sebuah nama class atau ID yang dipergunakan berulang-ulang pada setiap halaman maka untuk mempermudah dipilihlah nama class yang mudah dihapal, misalnya: teks1, teks2, teks3, dan sebagainya.
Kita masih dapat menerapkan arti kepada sebuah tag tanpa kehilangan format:

<p class="description teks1">
Ada beberapa rekan yang menyatakan bahwa
artikel-artikel di  designworld  bermanfaat
ketika mereka melakukan interview dan
tes kemampuan ketika melamar kepada sebuah perusahaan,
saya ikut merasa senang bila bermanfaat bagi Anda,
dan  hal ini yang membuat saya akan mencoba untuk
terus  menulis dan berbagi pengetahuan dengan Anda.</p> 

Memberikan Arti dalam kode akan mempermudah bagi orang-orang yang melihat kode Anda antara lain adalah programmer. Anda sendiri akan dipermudah bila dimasa yang akan datang melakukan perubahan terhadap kode tersebut. (Pupung Budi Purnama)

XHTML singkatan dari Extensible Hipertext Markup Language adalah “bahasa baru” yang dibuat oleh W3C untuk menggantikan kedudukan HTML. Namun sebenarnya, XHTML adalah gabungan dari HTML dan XML. Sejak kelahirannya XHTML 1.0 pada tahun 2000, kemudian XHTML 1.1 dirilis pada tahun 2001. Tentu saja dengan adanya XHTML tidak semata-mata hanya menggantikan, tentunya XHTML memiliki kelebihan dibandingkan dengan HTML.

XHTML dibuat dengan tujuan agar terdapat sebuah “bahasa” standar yang dapat digunakan oleh aplikasi lain secara luas dan oleh platform yang berbeda. Dengan menggunakan XHTML, sebuah situs masih dapat dinikmati dengan baik menggunakan browser teks, PDA, Phone Cell, dan lain-lain. Sedangkan HTML hanya dapat dinikmati dengan baik bila menggunakan Web Browser seperti IE atau Netscape. Hal ini memungkinkan halaman Web yang menggunakan HTML akan lebih dapat diterima secara luas oleh berbagai aplikasi.

Dalam XHTML muncul aturan-aturan baru yang berbeda dengan HTML, penggunaan tag HTML dipersempit dan penggunaan CSS diperluas. Namun XHTML menerapkan 3 aturan untuk penulisan tag, antara lain:

XHTML – Strict / strict doctype declaration: Penggunaan doctype ini, Anda mengontrol seluruh layout dan format sebuah halaman Web melalui CSS. Tidak menggunakan tag font dan table (deprecated).

XHTML – Transitional / transitional doctype declaration: Anda dapat menggunakan sebagian besar tag-tag HTML seperti Font dan Table untuk melayout halaman.

XHTML – Frames / frameset declaration: Penggunaan Frame pada halaman Web.

XHTML memungkinkan sebuah halaman Web dapat terlihat lebih bersih karena penggunaan CSS (baik itu external, embeded, atau in line) dalam memformat halaman Web.

Pada artikel selanjutnya, kita akan mengenal perbedaan aturan penulisan antara XHTML dengan HTML. (Pupung Budi Purnama)