XHTML: Pengkodean Web untuk Desain yang Disempurnakan

XHTML 1.0 dan 1.1 adalah singkatan dari EXmasuk akal HyaText M.bahtera L.anguage dan mewakili lompatan besar ke depan dari HTML 4.0. Mereka menggabungkan yang terbaik dari HTML 4.0 dengan XML untuk memberikan desainer skema pengkodean yang lebih canggih untuk desain web yang lebih halus dan lebih menentukan.

W3C, orang tua dari semua bahasa HTML, mendeskripsikan XHTML 1.0 sebagai "perubahan besar pertama ke HTML sejak HTML 4.0 dirilis pada tahun 1997. Ini membawa kekakuan XML ke halaman Web dan merupakan batu kunci dalam pekerjaan W3C untuk menciptakan standar yang menyediakan halaman Web yang lebih kaya pada berbagai platform browser yang semakin meningkat termasuk ponsel, televisi, mobil, komunikator nirkabel berukuran dompet, kios, dan desktop. "

Variasi XHTML

Tiga jenis XHTML berbeda tersedia untuk memenuhi kebutuhan semua perancang web. Ini termasuk Ketat, Transisional, dan Frameset XHTML.

XHTML 1.0 Ketat - bentuk paling murni untuk desainer web berpengalaman. Versi ini memungkinkan Anda untuk membuat kode bersih berderit, tanpa harus memasukkan kode tata letak (font, warna, tata letak) di seluruh dokumen Anda. Alih-alih, Anda memasukkan kode Cascading Style Sheet (CSS) di awal.

XHTML 1.0 Transisi - tengah format kode jalan untuk membantu desainer yang membutuhkan waktu untuk mempelajari cara pengkodean baru ini, atau ingin mengakomodasi pemirsa yang masih menggunakan browser web yang lebih lama. Style sheet digunakan tetapi kode HTML lama yang baik juga dimasukkan. Misalnya tag tubuh masih menyertakan atribut bgcolor, teks, tautan, vlinks.

XHTML 1.0 Frameset - variasi ini cukup jelas - Anda menggunakannya saat Anda ingin memasukkan XHTML ke dalam dokumen berbasis bingkai.

Masih versi yang lebih maju, XHTML 1.1 memungkinkan kode modular ditambahkan untuk kebutuhan pengkodean khusus internasional dan lainnya. Modul RUBY dimasukkan untuk memfasilitasi pengkodean tambahan ini. Perubahan tunggal paling signifikan dalam XHTML 1.1 adalah pemisahan data dari presentasi. Pemformatan tidak lagi disematkan dengan data dan hanya dapat dicapai dengan merujuk Cascading Style Sheets (CSS). Ini membuat data tersedia untuk penguraian yang mudah dan digunakan kembali oleh berbagai produk non-desktop baru dan aplikasi aksesibilitas.

Merapikan HTML Anda

Dave Raggett dan Source Forge dari W3C saat ini menawarkan utilitas open-source yang hebat, HTML Tidy untuk desainer yang ingin mengubah dokumen HTML mereka saat ini menjadi XHTML (dan merapikan kode mereka dalam proses). Alat praktis ini akan membantu kode Anda bersinar dengan melakukan semua tugas bermanfaat ini:

  • Tag akhir yang hilang atau tidak cocok terdeteksi dan diperbaiki

  • Tag akhir dalam urutan yang salah diperbaiki

  • Memperbaiki masalah dengan penekanan tajuk

  • Pulih dari tag bercampur

  • Menambahkan tag slash in end yang hilang untuk jangkar

  • Menyempurnakan daftar dengan memasukkan tag yang hilang

  • Kutipan yang hilang di sekitar nilai atribut ditambahkan

  • Atribut tidak dikenal / kepemilikan dilaporkan

  • Elemen kepemilikan diakui dan dilaporkan demikian

  • Tag yang tidak memiliki tanda kurung berakhir terlihat

  • Mengganti kelebihan kode tata letak dengan properti gaya dan aturan menggunakan CSS

  • Menghapus paragraf kosong dan elemen tajuk

The Nitty Gritties

Salah satu "aturan" utama saat menggunakan XHTML adalah bahwa kodenya harus bersih dan lengkap.

  • Semua elemen harus memiliki tag penutup, dan bersarang dengan benar.

  • Semua tag harus ditulis dalam huruf kecil - XML ​​peka huruf besar-kecil.

  • Tag akhir harus disertakan untuk SEMUA elemen

  • Semua atribut harus dalam tanda kutip misalnya. lebar, colspan, rowspan

  • Elemen kosong harus memiliki tag akhir


Uluran bantuan


Merasa kewalahan mempelajari format HTML lain? Bantuan sudah dekat, jika demikian. XStandard adalah editor kode WYSIWYG yang membantu Anda menulis kode XHTML murni bersih dalam XHTML 1.0 Strict atau XHTML 1.1. Pencipta menggambarkan perangkat lunak ini sebagai: "editor WYSIWYG berbasis standar yang paling canggih di pasar. Sangat ideal untuk semua sistem manajemen konten berbasis Windows atau browser yang mendukung ActiveX. XStandard mengelola konten yang kaya dalam bahasa apa pun, memiliki fitur aksesibilitas yang kuat , dan mendukung opsi pengeditan populer termasuk tabel, pembungkus teks di sekitar gambar, dan seret & jatuhkan file ke dalam editor. " Perangkat lunak ini hadir dalam versi XStandard Lite gratis dan versi XStandard Pro yang lebih fleksibel.

Jika Anda ingin situs Anda berfungsi dengan baik di browser hari ini dan perangkat non-tradisional, dan untuk terus bekerja dengan baik di hari esok, itu ide yang baik untuk membuat situs baru di XHTML, dan untuk mengkonversi halaman lama ke XHTML jika jadwal kerja Anda mengizinkan. Tentu saja, ini bukan akhir! Sudah, pekerjaan sedang dilakukan untuk menciptakan XHTML 2.0. Langkah ini adalah untuk fokus hanya pada struktur, bukan kompatibilitas. Anda dapat membaca tentang bentuk XHTML terbaru ini di situs web IBM dalam artikel mereka, Masa Depan Web: XHTML 2.0.

Seri Artikel Sorotan HTML

BAGIAN 1: Haruskah Desainer Kredibel Mengenal HTML?
BAGIAN 2: HTML 3.2 - Kelahiran Wilbur
BAGIAN 3: HTML 4.0 DAN 4.01 - Lebih Banyak Hal yang Baik!
BAGIAN 4: XHTML: Pengkodean Web untuk Desain yang Disempurnakan
BAGIAN 5: DHTML: Dynamic Web Coding

Petunjuk Video: How to Get HTML Code (Maret 2024).