Pensil Warna Design - Animasi, Web Design & Logo Design

Dalam presentasi visual yang disajikan oleh kebanyakan web browser pasangan elemen mark up html bold <b> dan strong <strong> maupun italic <i> dan emphasis <em> tidak memiliki perbedaan sama sekali. Perbedaan yang mendasar bukan karena yang pertama lebih singkat untuk ditulis melainkan terletak kepada struktur halaman web itu sendiri. Elemen mark up html bold dan italic adalah elemen format, jadi hanya untuk presentasi visual sedangkan elemen mark up em dan strong memiliki fungsi dan arti struktural.

Bagi setiap orang yang sudah terjun kedalam web design sejak 10 tahun yang lalu, dimana pada masa itu web design masih didominasi oleh tabel dalam strukturnya, tidak seperti saat ini dimana penggunaan tabel dalam mendesign sudah ketinggalan zaman dan sangat tidak search engine friendly. Para web designer awal ini tentu akan ingat elemen mark up html seperti untuk <b> bold dan untuk <i> italic yang singkat untuk ditulis.

Namun akhir-akhir ini banyak sekali orang yang menyarankan agar seorang web designer tidak lagi menggunakan mark up <b> untuk bold dan <i> untuk italic dengan berbagai macam alasan, salah satu yang paling populer disebutkan adalah kedua elemen mark up <b> dan <i> sudah tidak akan ada lagi dalam xhtml karena digantikan oleh <strong> dan <emphasis>. Pada kenyataannya alasan tersebut jelas sangat salah.

Menurut W3C, sebuah badan yang berwenang dalam urusan web standar, disebutkan bahwa pada awalnya terdapat sepasang elemen html untuk menunjukan bahwa bagian tertentu dari kalimat perlu penekanan atau emphasis dan pasangan elemen html ini memungkinkan untuk dilakukan emphasis dalam dua level. Elemen mark up yang dimaksud adalah elemen mark up <em> dan <strong>. Pada perkembangan selanjutnya elemen italic dan bold ditambahkan dan elemen ini adalah mark up <i> dan <b>. Berikut adalah contoh pemakaiannya:

<em>Ini adalah tulisan yang di emphasis.</em>
<strong>Ini adalah tulisan yang sangat di emphasis.</strong>
<i>Tulisan ini hanya di buat dalam italic atau tulis miring.</i>
<b>Tulisan ini hanya di buat dalam bold atau dicetak tebal.</b>

Hasil presentasi visual dari kedua pasangan elemen html tersebut adalah:

Ini adalah tulisan yang di emphasis
Ini adalah tulisan yang sangat di emphasis.
Tulisan ini hanya di buat dalam italic atau tulis miring.
Tulisan ini hanya di buat dalam bold atau dicetak tebal.

Seperti terlihat diatas, presentasi visual kedua pasang elemen tersebut adalah sama, paling tidak dalam web browser. Perbedaannya terletak apabila elemen mark up <em> dan <strong> digunakan maka elemen tersebut menjelaskan bahwa tulisan tersebut memerlukan emphasis dan juga menjelaskan bagaimana tulisan tersebut harus di emphasis (biasa atau sangat diemphasis).

Dilain pihak apabila elemen mark up <i> atau <b> digunakan maka tulisan tersebut tidak diemphasis, hanya akan dicetak miring atau tebal. Kedua elemen mark up tersebut hanya melakukan tugas visual mereka yaitu menyiapkan tulisan tersebut untuk dicetak miring atau tebal kedalam printer. Keterbatasan dalam memvisualisasikan kedua pasangan elemen mark up tersebut membuat visual presentasi mereka identik atau tidak memiliki perbedaan. Dari hal ini jelasnya terlihat bahwa elemen mark up <i> dan <b> hampir berfungsi sama dengan elemen mark up <font>, hanya visual tanpa arti struktural.

Dalam banyak hal penggunaan elemen <em> atau emphasis dan <strong> atau stong lebih unggul dari <i> atau italic dan <b> atau bold karena kedua elemen mark up tersebut menjelaskan isi dan tidak terikat oleh presentasi visual.