html xhtml


HTML - XHTML

XHTML adalah HTML ditulis sebagai XML.

Apa itu XHTML?

  • XHTML singkatan dari E X tensible H yper T ext M arkup L anguage
  • XHTML hampir identik dengan HTML 4.01
  • XHTML adalah versi ketat dan bersih dari HTML
  • XHTML adalah HTML didefinisikan sebagai aplikasi XML
  • XHTML didukung oleh semua browser utama.

Mengapa XHTML?

Banyak halaman di internet berisi "buruk" HTML.
Kode HTML berikut akan bekerja dengan baik jika Anda melihatnya dalam browser (bahkan jika itu TIDAK mengikuti aturan HTML):
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
XML adalah bahasa markup di mana dokumen harus ditandai dengan benar dan "well-formed".
Jika Anda ingin belajar XML, silakan baca kita XML tutorial .
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 language.
Oleh karena itu - dengan menggabungkan kekuatan dari HTML dan XML, XHTML dikembangkan. XHTML adalah HTML didesain ulang sebagai XML.

Perbedaan Paling Penting dari HTML:

Struktur Dokumen

  • XHTML DOCTYPE adalah wajib
  • XML namespace atribut dalam <html> adalah wajib
  • <html>, <head>, <title>, dan <body> adalah wajib

XHTML Elemen

  • Elemen XHTML harus bersarang 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
  • Atribut minimisasi yang dilarang

<! DOCTYPE ....> Apakah Wajib

Sebuah dokumen XHTML harus memiliki deklarasi DOCTYPE XHTML.
Sebuah daftar lengkap dari semua XHTML Doctypes ditemukan dalam HTML Tags Referensi kami.
<html>, <head>, <title>, Dan elemen <body> juga harus hadir, dan xmlns atribut di <html>, harus menentukan namespace xml untuk dokumen tersebut.
Contoh di bawah ini menunjukkan sebuah dokumen XHTML dengan minimal tags 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>

XHTML Elemen Harus Benar Bersarang

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 Elemen Harus Selalu Be Ditutup

Ini salah:
<p>This is a paragraph
<p>This is another paragraph
Ini benar:
<p>This is a paragraph</p>
<p>This is another paragraph</p>

Elemen kosong Juga Harus Bisa Ditutup

Ini salah:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Ini benar:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML Elemen Harus Di Bawah Kasus

Ini salah:
<BODY>
<P>This is a paragraph</P>
</BODY>
Ini benar:
<body>
<p>This is a paragraph</p>
</body>

Atribut Nama 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%">

Atribut Meminimalkan Apakah Terlarang

Ini salah:
<input checked>
<input readonly>
<input disabled>
<option selected>
Ini benar:
<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

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. Mengubah semua nama elemen huruf kecil
  4. Tutup semua elemen kosong
  5. Mengubah semua nama atribut huruf kecil
  6. Kutipan semua nilai atribut

Validasi XHTML Dengan W3C Validator

Masukan alamat web Anda dalam kotak di bawah:

XHTML Kuis Uji

Tes ini berisi 20 pertanyaan dan tidak ada batas waktu.
Tes ini tidak resmi, itu hanya cara yang bagus untuk melihat seberapa banyak Anda tahu, atau tidak tahu, tentang XHTML.
Anda akan mendapatkan 1 poin untuk setiap jawaban yang benar. Pada akhir kuis, skor total Anda akan ditampilkan. Skor maksimum adalah 20 poin.
Label: