Tulisan Lain

Pada posting yang lalu telah dituliskan aturan-aturan penulisan XHTML dan juga kesalahan yang sering terjadi, kemudian pada tulisan kali ini, kita akan belajar menjadi web designer professional dengan membuatnya sesuai aturan yang ada. Sebelumnya saya akan jelaskan fungsi Struktur dan Style pada XHTML dan CSS.

Struktur yang merupakan susunan code XHTML murni seharusnya tidak dicampur aduk dengan fungsi Style yang seharusnya di-handle seluruhnya oleh CSS. Atau dengan kata lain, XHTML hanya digunakan untuk menuliskan strukturnya, sedangkan untuk mendefinisikan style (presentasi) harus dituliskan pada CSS-nya. Ini nantinya akan berefek pada efektivitas dan efisiensi dalam pengkodean dalam mendesain sebuah web.

Kemudian mana saja yang termasuk struktur dan mana saja yang termasuk dalam fungsi style? Contoh struktur dan style seperti di bawah :

• XHTML tidak membolehkan penggunaan tag i, b, u (italic, bold, underline), semua itu harus dituliskan di dalam CSS sebagai “font-weight : bold; text-decoration : underline”, kalaupun jika dituliskan dalam XHTML gunakanlah tag <strong> atau <em>.
• Pendefinisian Heading merupakan Struktur, contoh : H1, H2, H3, dst, sedangkan untuk style-nya dituliskan dalam CSS ” H1 { font-size: 3em; color: #fff } “
• Tag table, tr, td, th adalah struktur, sedangkan untuk border, width, max-width, background-color dituliskan dalam CSS.
• Contoh lain struktur adalah form, input, img, div, dll. Sedangkan contoh fungsi style-nya yang lain adalah margin, padding, height, dll

Dengan begitu, maka pengkodean kita akan lebih efektif dan efisien, dan yang lebih penting lagi, desain yang kita buat dapat ditampilkan sempurna pada semua browser karena telah sesuai aturan yang ada. Ada website yang pada IE tampil sempurna, tapi tidak pada Firefox atau Opera, itu karena penulisan kode-nya tidak sesuai standar dan aturan yang ada.