tutorial pengembangan web terbaru

HTML dan XHTML


XHTML adalah HTML ditulis sebagai XML.


Apa XHTML?

  • XHTML singkatan dari eXtensible Hyper Text Markup Language
  • XHTML hampir identik dengan HTML
  • XHTML adalah ketat daripada HTML
  • XHTML adalah HTML didefinisikan sebagai aplikasi XML
  • XHTML didukung oleh semua browser utama

Mengapa XHTML?

Banyak halaman di internet berisi "bad" HTML.

Kode HTML ini bekerja dengan baik di kebanyakan browser (even if it does not follow the HTML rules) :

<html>
<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 "bad" markup.

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

Jika Anda ingin belajar XML, silakan baca tutorial XML .

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
  • The xmlns atribut di <html> adalah wajib
  • <html> , <head> , <title> , dan <body> adalah wajib

XHTML Elemen

  • Elemen XHTML harus properly nested
  • Elemen XHTML harus selalu closed
  • Elemen XHTML harus dalam lowercase
  • Dokumen XHTML harus memiliki one root element

Atribut XHTML

  • Nama atribut harus dalam lower case
  • Nilai atribut harus quoted
  • Minimalisasi atribut forbidden

<!DOCTYPE ....> Apakah Wajib

Dokumen XHTML harus memiliki deklarasi DOCTYPE XHTML.

Sebuah daftar lengkap dari semua Doctypes XHTML ditemukan dalam HTML kami Tags Referensi.

The <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>

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 di dalam satu sama lain, seperti ini:

<b><i>This text is bold and italic</i></b>

XHTML Elemen Harus Selalu Siap 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 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 Dalam Kasus Bawah

Ini salah:

<BODY>
<P>This is a paragraph</P>
</BODY>

Ini benar:

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML 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

Salah:

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

Benar:

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

Salah:

<input type="text" name="lastname" disabled />

Benar:

<input type="text" name="lastname" disabled="disabled" />

Cara Mengkonversi dari HTML ke XHTML

  1. Tambahkan XHTML <!DOCTYPE> ke baris pertama dari setiap halaman
  2. Tambahkan xmlns atribut untuk elemen html dari setiap halaman
  3. Ubah semua nama elemen huruf kecil
  4. Tutup semua elemen kosong
  5. Ubah semua nama atribut ke huruf kecil
  6. Kutipan semua nilai atribut

Validasi XHTML Dengan W3C Validator

Masukan alamat web Anda di kotak di bawah ini: