HTML - XHTML
XHTML ialah HTML yang ditulis dalam format XML.
Apakah itu XHTML?
XHTML merujuk kepada Extensible Hypertext Markup Language
XHTML dan HTML 4.01 hampir sama
XHTML ialah versi HTML yang lebih ketat dan tulen
XHTML ialah HTML yang ditakrifkan mengikut cara yang digunakan XML
XHTML ialah pengesyoran W3C yang dikeluarkan pada Januari 2001
XHTML disokong oleh semua pelayar utama
Mengapa menggunakan XHTML?
Banyak halaman di Internet mengandungi HTML "buruk".
Jika dilihat dalam penyemak imbas, kod HTML berikut berfungsi dengan baik (walaupun ia tidak mengikut peraturan HTML):
<html> <head> <title>This is bad HTML</title> <body> <h1>Bad HTML <p>This is a paragraph </body>XML ialah dokumen XML yang mesti ditandakan dengan betul dan bahasa penanda yang terbentuk dengan baik.
Jika anda ingin mempelajari XML, baca tutorial XML kami.
Terdapat beberapa teknologi penyemak imbas yang berbeza dalam dunia teknologi hari ini. Sesetengah daripada mereka berjalan pada komputer, manakala yang lain mungkin berjalan pada telefon mudah alih atau peranti kecil lain. Peranti kecil sering kekurangan sumber dan keupayaan untuk mentafsir bahasa penanda "buruk".
Jadi - dengan menggabungkan XML dan HTML yang terbaik, XHTML telah dibangunkan. XHTML ialah HTML yang direka bentuk semula sebagai XML.
Perbezaan paling penting berbanding HTML:
Struktur dokumen
XHTML DOCTYPE adalah wajib Ruang nama XML atribut dalam
<html> adalah wajib
<html>, < tajuk> dan <body> juga wajib
sintaks elemen
elemen XHTML Mestilah dengan betul bersarang
Elemen XHTML mesti sentiasa ditutup
>Huruf kecil
- Dokumen XHTML mesti mempunyai
elemen akar
- Atribut XHTML mestilah dalam
huruf kecil
- >
Pengurangan atribut XHTML juga dilarang
<!DOCTYPE ....> adalah wajib
Dokumen XHTML mesti membawa pengisytiharan XHTML DOCTYPE.
<html>, <head>, <title> dan <body> juga mesti ada dan ruang nama xml mesti dinyatakan untuk dokumen menggunakan atribut xmlns dalam < html>.
Contoh berikut menunjukkan dokumen XHTML dengan teg minimum yang diperlukan:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title of document</title> </head> <body> ...... </body> </html>
Elemen XHTML mesti bersarang dengan munasabah
Dalam HTML, sesetengah elemen tidak perlu bersarang antara satu sama lain, seperti ini:
Dalam XHTML, semua elemen mesti bersarang dengan betul antara satu sama lain, seperti ini:
Elemen XHTML mesti mempunyai teg penutup
Contoh salah:
<p>This is a paragraph <p>This is another paragraph
Contoh betul:
<p>This is a paragraph</p> <p>This is another paragraph</p>
Elemen kosong Mesti mengandungi teg penutup
Contoh salah:
A break: <br> A horizontal rule: <hr> An image: <img src="../style/images/happy.gif" alt="Happy face">Contoh betul:
A break: <br /> A horizontal rule: <hr /> An image: <img src="../style/images/happy.gif" alt="Happy face" />
Elemen XHTML mestilah huruf kecil
Contoh yang salah:
<BODY> <P>This is a paragraph</P> </BODY>Contoh yang betul:
<body> <p>This is a paragraph</p> </body>
Nama atribut mestilah huruf kecil
Contoh yang salah:
<table WIDTH="100%">
Contoh yang betul:
Nilai atribut mesti ada petikan
Contoh salah:
<table width="100%">Contoh yang betul:
<table width=100%>
Singkatan atribut tidak dibenarkan
Contoh salah:
<table width="100%">
Contoh yang betul :
<input checked> <input readonly> <input disabled> <option selected>
Cara menukar HTML kepada XHTML
Tambahkan XHTML <!DOCTYPE> halaman web anda Tambahkan atribut xmlns dalam
pada elemen html setiap halaman.
Tukar semua elemen kepada huruf kecil
Tutup semua elemen kosong
Tukar semua nama Atribut adalah huruf kecil
Tambahkan petikan pada semua nilai atribut
