Memberi Arti Kode XHTML

Oleh: Pupung Budi Purnama
February 2, 2007

Kode yang kita tulis dalam sebuah Web, memiliki makna yang luas. Misalnya, “p” yang berarti paragraf, tag tersebut tidak menjelaskan secara rinci mengenai apakah paragaf tersebut merupakan summary, atau mungkin nama penulis, dan lain sebagainya. Sebuah artikel dari Digital Web Magazine memperkenalkan semantic markup.

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)

Tentang Penulis

Pupung Budi Purnama - Bukan pakar atau ahli, hanya seorang freelance web designer, tinggal di Bandung, Jawa Barat. Bergelut di dunia web sejak 1999, pernah bekerja di beberapa perusahaan IT sebagai desainer. Sehari-hari, ia menjalankan sebuah perusahaan web development dari kamarnya.

Category: (X)HTML | RSS 2.0 | Give a Comment | trackback

8 Comments

Leave a Reply