HTML and XHTML
Apa itu XHTML?
1 XHTML singkatan dari eXtensible HyperText Markup Language
2 XHTML hampir identik dengan HTML
3 XHTML adalah lebih ketat dibandingkan HTML
4 XHTML adalah HTML didefinisikan sebagai aplikasi XML
5 XHTML didukung oleh semua browser utama
Mengapa XHTML?
Banyak halaman di internet berisi "buruk" HTML.
Kode HTML ini bekerja dengan baik di hampir semua browser (bahkan jika tidak mengikuti aturan HTML):
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
Pasar saat ini terdiri dari teknologi browser yang berbeda. Beberapa browser dijalankan pada komputer, dan beberapa browser berjalan pada ponsel atau perangkat kecil lainnya. Perangkat yang lebih kecil sering kekurangan sumber daya atau kekuatan untuk menafsirkan "buruk" markup.
XML adalah bahasa markup mana dokumen harus ditandai dengan benar (menjadi "well-formed").
Jika Anda ingin belajar XML, silakan baca kami XML tutorial.
Dengan menggabungkan kekuatan dari HTML dan XML, XHTML dikembangkan.
XHTML adalah HTML didesain ulang sebagai XML.
Perbedaan Paling Penting dari HTML:
Document Structure
- XHTML DOCTYPE is mandatory
- The xmlns attribute in <html> is mandatory
- <html>, <head>, <title>, and <body> are mandatory
XHTML Elements
- XHTML elements must be properly nested
- XHTML elements must always be closed
- XHTML elements must be in lowercase
- XHTML documents must have one root element
XHTML Attributes
- Attribute names must be in lower case
- Attribute values must be quoted
- Attribute minimization is forbidden
<!DOCTYPE ....> Is Mandatory
Sebuah dokumen XHTML harus memiliki deklarasi DOCTYPE XHTML.
Daftar lengkap semua XHTML Doctypes ditemukan dalam HTML Tag Reference kami.
<Html>, <head>, <title>, dan <body> elemen juga harus hadir, dan xmlns atribut di <html> harus menentukan namespace xml untuk dokumen.
Contoh ini menunjukkan dokumen XHTML dengan minimal tag 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>
some content
</body>
</html>
"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>
some content
</body>
</html>
XHTML Elements Must Be Properly Nested
Dalam HTML, beberapa elemen dapat benar bersarang dalam satu sama lain, seperti ini:
<b><i>This text is bold and italic</b></i>
Dalam XHTML, semua elemen harus benar bersarang dalam satu sama lain, seperti ini:
<b><i>This text is bold and italic</i></b>
XHTML Elements Must Always Be Closed
This is wrong:
<p>This is a paragraph
<p>This is another paragraph
<p>This is another paragraph
This is correct:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<p>This is another paragraph</p>
Empty Elements Must Also Be Closed
This is wrong:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
This is correct:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
XHTML Elements Must Be In Lower Case
This is wrong:
<BODY>
<P>This is a paragraph</P>
</BODY>
<P>This is a paragraph</P>
</BODY>
This is correct:
<body>
<p>This is a paragraph</p>
</body>
<p>This is a paragraph</p>
</body>
XHTML Attribute Names Must Be In Lower Case
This is wrong:
<table WIDTH="100%">
This is correct:
<table width="100%">
Attribute Values Must Be Quoted
This is wrong:
<table width=100%>
This is correct:
<table width="100%">
Attribute Minimization Is Forbidden
Wrong:
<input type="checkbox" name="vehicle" value="car" checked />
Correct:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
Wrong:
<input type="text" name="lastname" disabled />
Correct:
<input type="text" name="lastname" disabled="disabled" />
Cara Mengkonversi dari HTML ke XHTML
1 Tambahkan XHTML <! DOCTYPE> ke baris pertama dari setiap halaman
2 Menambahkan atribut xmlns ke elemen html dari setiap halaman
3 Ubah semua nama elemen untuk huruf kecil
4 Tutup semua elemen kosong
5 Ubah semua nama atribut huruf kecil
6 Kutipan semua nilai atribut
No comments:
Post a Comment