Assalamu'alaikum warohmatullaahi wabarokaatuh.
Artikel ini merupakan artikel terakhir dalam Seri Belajar HTML Basic. Sebenarnya masih banyak hal-hal yang belum dipelajari seperti membuat form dan sebagainya. Namun jangan khawatir, semua itu akan kami posting dalam seri terpisah, agar lebih mudah dipelajari.
Dalam postingan kali ini kita akan mempelajari tentang XHTML.
- XHTML merupakan singkatan dari EXtensible HyperText Markup Language
- XHTML memiliki script yang sama dengan HTML, namun dengan aturan yang lebih ketat.
Sebuah file HTML seringkali menggunakan markup yang berantakan karena aturan yang longgar. Misalnya sebuah dokumen HTML tidak menggunakan tag<head> atau terdapat tag yang tidak ditutup. Kebanyakan browser pada PC desktop mampu menerjemahkan HTML yang berantakan. Namun sebuah halaman web tidak hanya dibutuhkan untuk perangkat desktop. Tapi juga pada smartphone, handphone, dsb. browser-browser yang dimiliki perangkat tersebut seringkali tidak bisa menerjemahkan dengan baik script HTML yang berantakan. Oleh karena itu, dibuatlah XHTML dengan menggabungkan aturan HTML dan XML.
PERBEDAAN XHTML DARI HTML
A. STRUKTUR DOKUMEN
- Wajib adanya deklarasi DOCTYPE XHTML
- Wajib adanya tag <html>, <head>,<title>, dan <body>
- Elemen <html> wajib memiliki atribut xmlns (xml namespaces)
- Salah :
- Benar :
<title>Judul</title>
<body>
Konten
</body>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
B. ELEMEN
- Elemen dalam XHTML harus tersusun dengan baik
- Salah :
- Benar :
<b><i>Tulisan bold dan italic</b></i>
<i><b>Tulisan bold dan italic</b></i>- Setiap tag harus ditutup
- Salah :
- Benar :
<p>This is a paragraph
<p>This is another paragraph
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
<p>This is a paragraph</p>
<p>This is another paragraph</p>
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
- Penulisan harus dalam huruf kecil
- Salah :
- Benar :
<BODY>
<P>This is a paragraph</P>
</BODY>
<body>
<p>This is a paragraph</p>
</body>
C. ATRIBUT
- Atribut harus ditulis dalam huruf kecil
- Salah :
<table WIDTH="100%"> - Benar :
<table width="100%">
- Nilai (value) dari atribut harus diberi tanda kutip (")
- Salah :
<table width=100%> - Benar :
<table width="100%">
- Tidak boleh ada atribut yang di-minimize
- Salah :
<input type="text" name="lastname" disabled /> - Benar :
<input type="text" name="lastname" disabled="disabled" />
Untuk merubah sebuah dokumen HTML ke dalam dokumen XHTML, maka yang harus diperhatikan adalah :
- Tambahkan deklarasi <!DOCTYPE> di setiap halaman dokumen
- Tambahkan atribut xmlns pada elemen <html> di setiap halaman dokumen
- Ubah semua nama elemen ke dalam huruf kecil
- Tutup semua tag yang ada
- Ubah semua nama atribut ke dalam huruf kecil
- Beri semua nilai (values) tanda kutip.
Demikian seri belajar HTML Basic Part 25 (Tamat) tentang XHTML, Semoga bermanfaat.
Terima kasih, wassalamu'alaikum warohmatullaahi wabarokaatuh.
0 komentar:
Post a Comment
Terima kasih atas kunjungannya, semoga artikel ini bermanfaat. Silahkan berikan komentar Anda.