semantically correct

23 May, 2007

Penggunaan kata yang dicetak miring sudah menjadi bagian dalam semua jenis penulisan baik formal maupun yang tidak formal. Penulisan suatu karya tulis khususnya di media elektronik (dalam hal ini blog atau media elektronik lainnya) tentunya memakai sintaksis yang dikenal dengan html, di dalam html ini disusun tag-tag yang dapat digunakan untuk menyusun suatu tulisan.

Penulisan yang benar secara sintaksis (x)html tentunya akan menjadi nilai lebih, karena indexing yang dilakukan oleh search engine akan lebih optimal, ambil contoh penggunaan tag <b> dan <strong>, keduanya menghasilkan tulisan yang sama-sama tebal(terlepas dari css yang meng-override gaya tulisan), tapi arti dari kata yang dicetak tebal itu masing-masing memiliki perbedaan, yang memakai <b> hanya menghasilkan tulisan tebal dan hanya itu sedangkan <strong> menghasilkan tulisan tebal dan menandakan tulisan tersebut penting karena ada penekanan atau emphasis pada kata/kalimat tersebut.

Begitu pula dengan penggunaan <i> Vs <em>, masing-masing tags digunakan untuk tujuannya, seperti misalkan penggunaan kata asing dalam tulisan yang biasanya dicetak miring, penggunaan tag yang tepat untuk kata asing itu adalah dengan menggunakan <i>, selama kata asing itu bukan kata yang butuh penekanan, jika butuh penekanan maka gunakan <em> atau <strong>.
contoh penggunaan
“Datanglah malam ini, jangan besok paginya ” dilihat dari tingkat kepentingan yang hendak disampaikan oleh si penulis misalkan “malam ini” dan kata “jangan” maka penulisan secara (x)html yang benar adalah “Datanglah <strong>malam ini</strong>, <strong>jangan </strong>besok paginya” menghasilkan “Datanglah malam ini, jangan besok paginya”.

ribet? memang, untuk awal terkadang repot, saya juga terkadang salah memberi penekanan dalam tulisan-tulisan saya. Tapi dengan desain informasi benar secara semantic, maka akan memudahkan pembacaan secara teknikal. Cara ini lebih baik dari pada sebar link dengan isi tak mutu dan berharap terindeks oleh mesin pencari. Sebenarnya banyak tag lain yang terkadang salah penempatan seperti <ol> <ul>, <dl> <di> <dd> <dt>, <cite> dan tag atau element lainya.

beberapa sumber yang mungkin bermanfaat

5 Comments »

The URI to TrackBack this entry is: http://dedenf.blogsome.com/2007/05/23/semantically-correct/trackback/

  1. berat…berat……tapi tetep yang PERTAMA!!!!!!!!!!! ;) )

    Comment by kaoru — 23 May, 2007 @ 5:00 am

  2. Bener Den, tapi ati-ati waktu milih font buat screen ada beberapa font yang gak punya style Italic, sebagai contoh Helvetica

    Comment by ncus — 23 May, 2007 @ 9:19 am

  3. itu apaan ya. he he he….
    emang abot, kek pelajaran EYD Bahasa Indonesia ini :D

    Comment by camagenta — 24 May, 2007 @ 4:36 am

  4. ah … flirting liwat EYD? …
    ga ada yang lebih bagus lagi?

    Comment by conan™ — 29 May, 2007 @ 10:52 am

  5. xhtml versi 2 udah keluar

    Comment by bimoseptyop — 29 May, 2007 @ 7:36 pm

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>



Anti-spam measure: please retype the above text into the box provided.