HTML dan XHTML ~ KODELOVER

XHTML adalah HTML yang ditulis sebagai XML.

Apa itu XHTML?

    XHTML adalah singkatan dari EXTensible HyperText Markup Language
    XHTML hampir identik dengan HTML
    XHTML lebih ketat dari HTML
    XHTML adalah HTML yang didefinisikan sebagai aplikasi XML
    XHTML didukung oleh semua browser utama

Mengapa XHTML?

Banyak halaman di internet berisi HTML "buruk".

Kode HTML ini bekerja dengan baik di sebagian besar browser (meskipun tidak mengikuti aturan HTML):

<html>
<head>
<title> Ini adalah HTML buruk </ title>

<body>
<h1> HTML buruk
<p> Ini adalah paragraf
</body>

Sekarang ini ada berbagai macam teknologi browser. Beberapa browser berjalan di komputer, dan beberapa browser berjalan di ponsel atau perangkat kecil lainnya. Perangkat yang lebih kecil seringkali kekurangan sumber daya atau kekuatan untuk menafsirkan markup yang "buruk".

XML adalah bahasa markup dimana dokumen harus ditandai dengan benar (menjadi "well-formed").

Jika ingin belajar XML, baca tutorial XML kami.

Dengan menggabungkan kekuatan HTML dan XML, XHTML dikembangkan.

XHTML didesain ulang HTML sebagai XML.
Perbedaan Paling Penting dari HTML:
Struktur Dokumen

    XHTML DOCTYPE adalah wajib
    Atribut xmlns di <html> adalah wajib
    <html>, <head>, <title>, dan <body> adalah wajib

Elemen XHTML

    Elemen XHTML harus disisipkan dengan benar
    Elemen XHTML harus selalu ditutup
    Elemen XHTML harus dalam huruf kecil
    Dokumen XHTML harus memiliki satu elemen root

Atribut XHTML

    Nama atribut harus dalam huruf kecil
    Nilai atribut harus dikutip
    Minimalisasi atribut dilarang

<! DOCTYPE ....> Wajib

Dokumen XHTML harus memiliki deklarasi DOCTYPE XHTML.

Daftar lengkap semua Doctyp XHTML ditemukan di Referensi Tag HTML kami.

Elemen <html>, <head>, <title>, dan <body> juga harus ada, dan atribut xmlns 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> Judul dokumen </ title>
</head>

<body>
Beberapa konten
</body>

</html>

Elemen XHTML Harus Bersarang dengan Benar

Dalam HTML, beberapa elemen dapat disatukan dengan benar satu sama lain, seperti ini:

<b> <i> Teks ini tebal dan miring </b> </ i>

Dalam XHTML, semua elemen harus saling bersarang satu sama lain, seperti ini:

<b> <i> Teks ini tebal dan miring </ i> </b>

Elemen XHTML Harus Selalu Ditutup

Ini salah:

<p> Ini adalah paragraf
<p> Ini adalah paragraf lain

Ini benar:

<p> Ini adalah paragraf </ p>
<p> Ini adalah paragraf lain </ p>

Unsur Kosong Juga Harus Ditutup

Ini salah:

garis baru: <br>
Aturan horizontal: <hr>
gambar: <img src = "happy.gif" alt = "wajah bahagia">

Ini benar:

garis baru: <br />
Aturan horizontal: <hr />
gambar: <img src = "happy.gif" alt = "wajah bahagia" />

Elemen XHTML Harus Di Bawah Kasus

Ini salah:

<BODY>
<p> Ini adalah paragraf </ P>
</BODY>

Ini benar:

<body>
<p> Ini adalah paragraf </p>
</body>

Nama Atribut XHTML Harus Di Bawah Kasus

Ini salah:

<table WIDTH = "100%">

Ini benar:

<table width = "100%">

Nilai Atribut Harus Dikutip

Ini salah:

<table width = 100%>

Ini benar:

<table width = "100%">

Minimisasi Atribut Terlarang

Salah:

<input type = "kotak centang" nama = "kendaraan" nilai = "mobil" dicentang />

Benar:

<input type = "checkbox" name = "kendaraan" value = "car" checked = "checked" />

Salah:

<input type = "text" name = "nama belakang" disabled />

Benar:

<input type = "text" name = "nama belakang" disabled = "disabled" />

Cara Mengkonversi dari HTML ke XHTML

Tambahkan XHTML <! DOCTYPE> ke baris pertama setiap halaman
Tambahkan atribut xmlns ke elemen html dari setiap halaman
Ubah semua nama elemen menjadi huruf kecil
Tutup semua elemen kosong
Ubah semua nama atribut menjadi huruf kecil
Kutipan semua nilai atribut

KODELOVER

HTML dan XHTML

Related Post