Cara mengkonversi HTML ke XHTML

Diposting oleh Th3 Pirates | 10/02/2010 | | 0 komentar »

b3lajarbareng.blogspot.com, Untuk mengkonversi Web site dari HTML ke XHTML, anda harus sudah akrab dengan tata penulisan XHTML. Cara mendasarnya adalah sebagai berikut:

1. Definisi DOCTYPE ditambahkan

Deklarasi DOCTYPE berikut telah ditambahkan pada awal setiap halaman:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. Catatan tentang DOCTYPE

Halaman anda harus memiliki deklarasi DOCTYPE jika anda ingin melakukan validasi yang benar terhadap susunan XHTML. Tetapi perlu diingat, bahwa browser yang lebih baru lagi (seperti Internet Explorer 6 ke atas)
mungkin menangani dokumen anda berbeda tergantung pada deklarasi <!DOCTYPE>. jika browser membaca suatu dokumen yang menggunakan sebuah DOCTYPE, ia mungkin menangani dokumen secara "benar". Bentuk penulisan XHTML yang salah mungkin akan menampilkan dokumen berbeda jika dibandingkan dengan  dokumen yang menggunakan DOCTYPE.

3. Tag dan atribut menggunakan huruf kecil

Sejak XHTML bersifat case sensitive, dan sejak XHTML hanya memberlakukan penggunaan huruf kecil maka tag HTML dan nama atribut harus diganti secara keseluruhan dengan huruf kecil. Hal serupa juga diberlakukan pada atribut.

4. Semua nilai atribut diberi tanda petik

Sejak W3C XHTML 1.0 direkomendasikan maka semua nilai atribut harus diapit tanda petik, semua halaman harus dicek dan diganti, setiap atribut yang ada didalamnya nilainya diberi tanda petik. Hal seperti ini tentunya akan menyita banyak waktu, untuk itu anda harus memastikan setiap penulisan atribut diberi tanda petik.

5. Tag kosong: <hr> , <br> dan <img>

Tag kosong tidak diizinkan dalam XHTML. Tag <hr> dan <br> harus diganti dengan <hr /> dan <br />. Tetapi hal ini akan menjadi masalah manakala kita menggunakan Netscape yang mana tidak mengenal penulisan tag seperti <br/>. Kita tidak tahu mengapa, tetapi mengubah menjadi <br /> membuat tag dapat bekerja dengan baik. Setelah semua itu diatasi, pastikan semua bagian tag kosong untuk diganti bentuknya.

6. Web Site di validasi

Setelah semua itu diubah maka semua halaman divalidasi contoh web yang menyediakan layanan ini adalah http://validator.w3.org/,  Setiap ada error kita perbaiki secara manual. Error yang sering terjadi adalah lupa menambahkan tag </li> pada penutup list.

Tidak ada komentar:

Posting Komentar