HTML vs. XHTML

HTML dan XHTML adalah dua bahasa di mana halaman web ditulis. HTML berbasis SGML sedangkan XHTML berbasis XML. Mereka seperti dua sisi dari koin yang sama. XHTML diturunkan dari HTML untuk memenuhi standar XML. Karenanya XHTML sangat ketat jika dibandingkan dengan HTML dan tidak memungkinkan pengguna untuk lolos dengan penyimpangan dalam pengkodean dan struktur.

Alasan untuk XHTML untuk dikembangkan adalah tag spesifik browser yang berbelit-belit. Halaman yang dikodekan dalam HTML muncul berbeda di browser yang berbeda.

Grafik perbandingan

Grafik perbandingan HTML versus XHTML
HTML XHTML
Pengantar (dari Wikipedia)HTML atau HyperText Markup Language adalah bahasa markup utama untuk membuat halaman web dan informasi lain yang dapat ditampilkan di browser web.XHTML (Extensible HyperText Markup Language) adalah keluarga bahasa markup XML yang mencerminkan atau memperluas versi Hypertext Markup Language (HTML) yang banyak digunakan, bahasa tempat halaman web ditulis.
Ekstensi nama file.html, .htm.xhtml, .xht, .xml, .html, .htm
Jenis media internetteks / htmlapplication / xhtml + xml
Dikembangkan olehW3C & WHATWGKonsorsium World Wide Web
Jenis formatFormat file dokumenBahasa markup
Diperpanjang dariSGMLXML, HTML
Berdiri untukHyper Text Markup LanguageBahasa Markup HyperText yang Dapat Diperpanjang
AplikasiAplikasi Bahasa Markup Generalized Standar (SGML).Aplikasi XML
FungsiHalaman web ditulis dalam HTML.Versi HTML yang diperpanjang yang lebih ketat dan berbasis XML.
AlamKerangka kerja fleksibel yang membutuhkan parser khusus HTML yang lunak.Subset terbatas XML dan perlu diurai dengan parser XML standar.
AsalDiusulkan oleh Tim Berners-Lee pada tahun 1987.Rekomendasi Konsorsium World Wide Web pada tahun 2000.
VersiHTML 2, HTML 3.2, HTML 4.0, HTML 5.XHTML 1, XHTML 1.1, XHTML 2, XHTML 5.

Ikhtisar HTML dan XHTML

HTML adalah bahasa mark up utama untuk halaman web. HTML membuat dokumen terstruktur dengan menunjukkan semantik struktural untuk teks seperti pos, daftar, tautan, kutipan dll. Ini memungkinkan gambar dan objek yang akan disematkan untuk membuat formulir interaktif. Ini ditulis sebagai tag yang dikelilingi oleh kurung sudut - misalnya, . Skrip dalam bahasa seperti JavaScript juga dapat dimuat.

XHTML adalah keluarga bahasa XML yang memperluas atau mencerminkan versi HTML. Itu tidak memungkinkan penghapusan tag atau penggunaan minimalisasi atribut. XHTML mensyaratkan bahwa ada tag akhir untuk setiap tag awal dan semua tag bersarang harus ditutup dalam urutan yang benar. Misalnya saja sementara

valid dalam HTML, itu akan diminta untuk menulis

Fitur dokumen HTML vs XHTML

Dokumen HTML terdiri dari elemen yang memiliki tiga komponen - sepasang tag elemen - tag awal, tag akhir; atribut elemen yang diberikan dalam tag dan konten teks, aktual, aktual dan grafis. Elemen HTML adalah segala sesuatu yang terletak di antara dan termasuk tag. (Tag adalah kata kunci yang tertutup dalam kurung sudut).

Dokumen XHTML hanya memiliki satu elemen root. Semua elemen termasuk variabel harus dalam huruf kecil, dan nilai yang diberikan harus dikelilingi oleh tanda kutip, ditutup dan disarangkan untuk diakui. Ini adalah persyaratan wajib dalam XHTML tidak seperti HTML di mana itu opsional. Deklarasi DOCTYPE akan menentukan aturan untuk diikuti dokumen.

Selain dari deklarasi pembuka yang berbeda untuk suatu dokumen, perbedaan antara dokumen HTML 4.01 dan XHTML 1.0 — di masing-masing DTD terkait — sebagian besar sintaksis. Sintaks dasar HTML memungkinkan banyak pintasan yang tidak dimiliki XHTML, seperti elemen dengan tag pembuka atau penutup opsional, dan bahkan elemen KOSONG yang tidak boleh memiliki tag akhir. Sebaliknya, XHTML mengharuskan semua elemen memiliki tag pembuka atau tag penutup. Namun, XHTML juga memperkenalkan pintasan baru: tag XHTML dapat dibuka dan ditutup di dalam tag yang sama, dengan memasukkan garis miring sebelum akhir tag seperti ini:

. Pengenalan steno ini, yang tidak digunakan dalam deklarasi SGML untuk HTML 4.01, dapat membingungkan perangkat lunak sebelumnya yang tidak terbiasa dengan konvensi baru ini. Perbaikan untuk ini adalah dengan memasukkan spasi sebelum menutup tag, dengan demikian:

Spesifikasi XHTML vs HTML

HTML dan XHTML sangat terkait dan karenanya dapat didokumentasikan bersama. Baik HTML 4.01 dan XHTML 1.0 memiliki tiga spesifikasi sub - ketat, longgar dan frameset. Perbedaan pembukaan pernyataan untuk dokumen membedakan HTML dan XHTML. Perbedaan lainnya adalah sintaksis. HTML memungkinkan pintasan seperti elemen dengan tag opsional, elemen kosong tanpa tag akhir. XHTML sangat ketat tentang membuka dan menutup tag. XHTML menggunakan atribut fungsionalitas pendefinisian bahasa bawaan. Semua persyaratan sintaks XML termasuk dalam dokumen XHTML yang terbentuk dengan baik.

Namun, perhatikan bahwa perbedaan ini hanya berlaku ketika dokumen XHTML disajikan sebagai aplikasi XML; yaitu, dengan tipe aplikasi MIME / xhtml + xml, aplikasi / xml, atau teks / xml. Dokumen XHTML yang disajikan dengan tipe teks / html MIME harus diuraikan dan ditafsirkan sebagai HTML, sehingga aturan HTML berlaku dalam kasus ini. Lembar gaya yang ditulis untuk dokumen XHTML yang disajikan dengan jenis teks / html MIME mungkin tidak berfungsi sebagaimana dimaksud jika dokumen tersebut kemudian disajikan dengan jenis aplikasi MIME / xhtml + xml. Untuk informasi lebih lanjut tentang tipe MIME, pastikan untuk membaca Jenis MIME.

Ini bisa sangat penting ketika Anda menyajikan dokumen XHTML sebagai teks / html. Kecuali jika Anda mengetahui perbedaannya, Anda dapat membuat style sheet yang tidak akan berfungsi sebagaimana dimaksud jika dokumen berfungsi sebagai XHTML asli.

Di mana istilah "XHTML" dan "dokumen XHTML" muncul di sisa bagian ini, mereka merujuk pada markup XHTML yang disajikan dengan tipe XML MIME. Markup XHTML berfungsi sebagai teks / html adalah dokumen HTML sejauh browser yang bersangkutan.

Cara bermigrasi dari HTML ke XHTML

Seperti yang direkomendasikan oleh W3C, langkah-langkah berikut dapat diikuti untuk migrasi HTML ke XHTML (dokumen XHTML 1.0):

  • Sertakan xml: atribut lang dan lang pada elemen yang menetapkan bahasa.
  • Gunakan sintaks elemen kosong pada elemen yang ditentukan sebagai kosong dalam HTML.
  • Sertakan ruang ekstra dalam tag elemen kosong:
  • Sertakan tag tutup untuk elemen yang dapat memiliki konten tetapi kosong:
  • Jangan sertakan deklarasi XML.

Dengan hati-hati mengikuti pedoman W3C tentang kompatibilitas, agen pengguna (browser web) harus dapat menafsirkan dokumen dengan kemudahan yang sama seperti HTML atau XHTML.

Cara bermigrasi dari XHTML ke HTML

Untuk memahami perbedaan halus antara HTML dan XHTML, pertimbangkan transformasi dokumen XHTML 1.0 yang valid dan baik menjadi dokumen HTML 4.01 yang valid. Untuk membuat terjemahan ini diperlukan langkah-langkah berikut:

  • Bahasa untuk elemen harus ditentukan dengan atribut lang daripada atribut XHTML xml:lang . XHTML menggunakan atribut fungsionalitas terdefinisi bahasa bawaan dari XML.
  • Hapus namespace XML ( xmlns=URI ). HTML tidak memiliki fasilitas untuk ruang nama.
  • Ubah deklarasi tipe dokumen dari XHTML 1.0 ke HTML 4.01.
  • Jika ada, hapus deklarasi XML. (Biasanya ini adalah: ).
  • Pastikan jenis MIME dokumen diatur ke text/html . Untuk HTML dan XHTML, ini berasal dari header Content-Type HTTP yang dikirim oleh server.
  • Ubah sintaks elemen-kosong XML ke elemen kosong gaya HTML (

    untuk

    ).

Artikel Terkait