Latest web development tutorials

XHTML Pendahuluan

XHTML merupakan format XML yang ditulis dalam HTML.


Apa XHTML?

  • XHTML mengacu pada Extensible HTML
  • XHTML dan HTML 4.01 hampir identik
  • XHTML adalah lebih ketat dan lebih murni versi HTML
  • XHTML aplikasi dengan cara XML didefinisikan HTML
  • XHTML adalah Januari 2001 W3C Rekomendasi diterbitkan
  • XHTML oleh semua dukungan browser utama

Mengapa menggunakan XHTML?

Halaman Internet berisi banyak "buruk" HTML.

Jika Anda melihat di browser, kode HTML berikut untuk menjalankan sangat normal (bahkan jika itu tidak sesuai dengan aturan HTML):

<Html> <Head> <Meta charset = "utf-8"> <Title> Ini adalah HTML non-standar </ title> <Body> <H1> non-standar HTML <p> Ini adalah sebuah paragraf </ body>

XML adalah harus ditandai dan well-formed markup language.

Jika Anda ingin belajar XML, baca Tutorial XML .

Hari ini, komunitas ilmiah, ada beberapa teknologi browser yang berbeda. Beberapa yang berjalan di komputer, sementara yang lain dapat berjalan di ponsel atau perangkat kecil lainnya. perangkat kecil sering kekurangan menjelaskan sumber "buruk" markup language dan kemampuan.

Jadi - dengan menggabungkan kekuatan dari HTML dan XML, kami mengembangkan XHTML. XHTML sebagai XML didesain ulang HTML.


Perbedaan yang paling penting dibandingkan dengan HTML:

Struktur dokumen

  • XHTML DOCTYPE adalah wajib
  • <Html> Atribut XML namespace adalah wajib
  • <Html>, <head>, <title> dan <body> adalah wajib

elemen Sintaksis

  • elemen XHTML harus diulang dengan benar
  • elemen XHTML harus selalu ditutup
  • elemen XHTML harus dalam huruf kecil
  • dokumen XHTML harus memiliki satu elemen root

atribut sintaks

  • atribut XHTML harus huruf kecil
  • nilai atribut XHTML harus dikelilingi oleh tanda kutip
  • XHTML minimisasi atribut dilarang

<! DOCTYPE ....> adalah wajib

dokumen XHTML harus XHTML jenis dokumen deklarasi (XHTML DOCTYPE deklarasi).

Anda dapat menemukan tutorial lengkap dalam tag ini di Reference Manual tipe dokumen XHTML.

<Html>, <head>, <title>, dan <body> elemen harus ada, dan harus menggunakan <html> xmlns atribut dalam dokumen yang ditentukan xml namespace.

Contoh berikut 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> <Meta charset = "utf-8"> <Title> Judul Dokumen </ title> </ Kepala> <Body> isi dokumen </ body> </ Html>


elemen XHTML harus diulang dengan benar

Dalam HTML, beberapa elemen tidak dapat diulang, seperti ini:

<B> <i> italic dan bold text </ b> </ i>

Dalam XHTML, semua elemen harus bersarang dengan masing-masing rasional lainnya, seperti ini:

<B> <i> tebal dan miring teks </ i> </ b>


elemen XHTML harus memiliki tag penutup

Contoh kesalahan:

<P> Ini adalah sebuah paragraf <p> Ini adalah paragraf lain

kanan:

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


elemen kosong harus menyertakan tag penutup

Contoh kesalahan:

Cabang: Situs tingkat: <hr> Foto: <img src = "happy.gif" alt = "Selamat wajah">

kanan:

Cabang: <br /> Level: <hr /> Photo: <img src = "happy.gif" alt = "Selamat wajah" />


elemen XHTML harus dalam huruf kecil

Contoh kesalahan:

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

kanan:

<Body> <P> Ini adalah sebuah paragraf </ p> </ Body>


Nama atribut harus huruf kecil

Contoh kesalahan:

<Table WIDTH = "100%">

kanan:

<Table width = "100%">


nilai atribut harus memiliki kutipan

Contoh kesalahan:

<Table width = 100%>

kanan:

<Table width = "100%">


Diizinkan Properti singkatan

Contoh kesalahan:

<input diperiksa> <input dibaca> <input dinonaktifkan> <Option yang dipilih>

kanan:

<input diperiksa = "diperiksa"> <input readonly = "readonly"> <input cacat = "cacat"> <Option dipilih = "dipilih">


Cara Mengkonversi HTML ke XHTML

  1. Tambahkan XHTML <! DOCTYPE> ke halaman Anda
  2. Menambahkan xmlns atribut untuk elemen html dari setiap halaman.
  3. Mengubah semua elemen untuk huruf kecil
  4. Tutup semua elemen kosong
  5. Memodifikasi semua nama atribut ke huruf kecil
  6. Semua nilai atribut untuk menambahkan kutipan

Menggunakan validator W3C untuk menguji XHTML Anda

Cukup masukkan URL Anda di kotak di bawah ini: