Perbezaan antara HTML5 dan XHTML2

Kebanyakan orang menggunakan HTML 4 dan XHTML 1 untuk menulis halaman web. Sebilangan kecil peminat HTML memahami konsep HTML semantik, mengesahkan struktur HTML dan meningkatkan kebolehcapaian dokumen. Dokumen HTML berkualiti tinggi adalah hasil pertukaran yang berulang, pengoptimuman reka bentuk dan perbincangan. Di sebalik semua kritikan, tiada bahasa yang pernah menyamai populariti HTML. Kebanyakan pengguna berpuas hati dengan status quo standard, seolah-olah mereka dilahirkan seperti itu.
Tetapi seperti kebanyakan piawaian lain, HTML mempunyai pengganti. Malah sekarang, pakar masih memikirkan tentang versi HTML seterusnya, membetulkan semua masalah yang diketahui dalam versi semasa. Seperti mana-mana orang ramai, pakar ini tidak bersetuju tentang hala tuju masa depan kerja ini.
Cadangan pertama untuk versi HTML baharu datang daripada kumpulan kerja dalam organisasi W3C. Idea kumpulan kerja berkisar pada XHTML 2, piawaian yang meneruskan arah pembangunan asal untuk memurnikan lagi XHTML dan kembali kepada konsep reka bentuk versi pertama HTML.
Sesetengah pakar HTML penting di luar W3C — vendor penyemak imbas, pembangun web, pengarang dan lain-lain — tidak bersetuju dengan hala tuju XHTML 2. Pada tahun 2004, mereka membentuk kumpulan kerja bebas untuk mencadangkan arah reka bentuk baharu untuk versi HTML baharu. Di bawah nama WHATWG (Kumpulan Kerja Teknologi Aplikasi Hiperteks Web), mereka melancarkan HTML 5 dan Borang Web 2.
Beberapa tahun kemudian, arah alternatif untuk HTML telah diterangkan dengan jelas dalam draf yang berfungsi. Pada April 2007, W3C mengundi sama ada untuk menerima HTML 5 ke dalam proses semakan standard, tanpa mengiktirafnya sebagai standard rasmi (belum). Kebanyakan orang bersetuju. Situasi menarik timbul: W3C sedang bekerja pada dua teknologi pengganti yang bersaing untuk HTML dan XHTML. Secara teori, terdapat sebab yang baik untuk kedua-duanya. Secara praktikalnya, terdapat banyak halangan untuk diatasi untuk mendapatkan semua pelayar utama untuk menyokong kedua-dua standard.
Ini adalah fakta asas yang membawa kepada keadaan semasa. Adalah lebih bermakna untuk membincangkan perbezaan sebenar antara kedua-dua cadangan. Artikel ini menggariskan asas kedua-dua cadangan dan kemudian menganalisis konsep reka bentuk di belakangnya. Singkatan yang kerap digunakan
CSS: Helaian Gaya Lata
HTML: Bahasa Penanda Hiperteks
W3C: Konsortium Web Seluruh Dunia
XHTML: Bahasa Penanda Hiperteks Boleh Diperluas Sejarah ringkas XHTML
Memahami falsafah reka bentuk di sebalik XHTML 2 memerlukan sedikit sejarah. Pada awal 1990-an, versi pertama HTML adalah berdasarkan Standard Generalized Markup Language (SGML). Perbezaan utama ialah sifat hiperpautan - asas utama dan faktor kejayaan World Wide Web. Seperti SGML, HTML membenarkan pengarang untuk menerangkan struktur dokumen, mengasingkan pengepala daripada perenggan, senarai tersusun dan senarai tidak tersusun. Hasil yang dipaparkan pada skrin bergantung pada penyemak imbas.
Apabila Web menjadi lebih popular, pengguna HTML menuntut kawalan ke atas rupa dan rupa halaman mereka. Vendor penyemak imbas memperkenalkan ciri baharu dalam HTML 2 dan 3. Halaman web menjadi sukar untuk difahami, dan struktur jadual bersarang yang kompleks menjadi cara utama untuk mengawal susun atur halaman. Selebihnya dokumen diisi dengan tag fon dan pengisytiharan warna. Struktur dokumen asal telah menjadi sukar untuk diselesaikan.
HTML 4 muncul untuk menamatkan kekeliruan ini, menolak logik pembentangan kepada CSS dan memperkenalkan lapisan (DIV) untuk kedudukan kandungan lanjutan. Ini bermakna perubahan dalam model penulisan kod berbanding HTML 3. Untuk memudahkan proses migrasi, struktur HTML 3 yang lebih lama disokong melalui versi Peralihan HTML 4. Versi Ketat untuk pengguna lanjutan memerlukan pemisahan kandungan dan pembentangan yang bersih.
Tapak web HTML 4 yang pertama menggunakan DIV seperti Holy Grail baharu, menggunakannya pada hampir setiap elemen pada halaman yang memerlukan sedikit penggilap, termasuk (tetapi tidak terhad kepada) pengepala. Atribut gaya HTML ialah tempat biasa untuk menerangkan butiran pembentangan. Akhirnya menghapuskan jadual bersepah dari web. Tetapi kandungan dan logik persembahan masih bercampur-campur. Fail CSS penting hanya beberapa baris panjang.
Baru-baru ini, beberapa pembangun web terkenal telah menghasilkan pendekatan yang lebih bijak untuk lembaran gaya HTML 4. Dalam pelayar moden, sifat CSS tidak terhad kepada elemen DIV. Anda boleh menentukan gaya untuk mana-mana elemen HTML jika anda mahu. Banyak weblog mula bercakap tentang HTML Semantik. Tiada larangan langsung pada elemen DIV, tetapi penulis halaman web mula menggunakan elemen HTML yang paling menggambarkan kandungan mereka. Sebagai contoh, kebanyakan menu navigasi tapak web paling baik digambarkan sebagai senarai tidak tersusun. Sebagai contoh lain, daripada menggunakan nama kelas seperti bigHeader untuk elemen perenggan, gunakan elemen H1 dan kemudian gunakan CSS untuk mengubah suai perwakilan seperti yang diperlukan.
Sementara itu, W3C mencadangkan XHTML 1 sebagai versi XML yang mematuhi HTML 4 yang dibentuk dengan baik dan sah. Bagi pengguna XML, ini memudahkan tugas menukar kandungan XML ke halaman web dan menyemak hasil penukaran terhadap pengesah sedia ada. XHTML 1.1 cuba mengasingkan masalah yang berbeza ke dalam modul yang berbeza. Pendekatan modular memudahkan untuk menggunakan semula bahagian piawai yang berbeza untuk keperluan yang berbeza dan memanjangkan standard dengan fungsi baharu.
XHTML 1.1, yang mempunyai lebih ramai pengguna daripada HTML 4, memisahkan kandungan daripada pembentangan. Tetapi seperti pada masa lalu, beberapa masalah praktikal hanya boleh diselesaikan menggunakan helah dalam CSS. Sebagai contoh, struktur menu yang diwakili oleh senarai tidak tersusun selalunya termasuk imej yang cantik. Walau bagaimanapun, imej tidak mudah dibaca kepada orang cacat penglihatan melalui kemudahan teks ke pertuturan. Dan pelayar teks seperti Lynx tidak boleh memaparkan imej. Helah CSS yang kompleks boleh menyembunyikan teks dan memaparkan imej dalam penyemak imbas. Tetapi jika menu berbeza pada halaman yang berbeza, sukar untuk menentukan bahagian ini dengan CSS. Falsafah reka bentuk di sebalik XHTML 2
Falsafah reka bentuk yang paling penting di sebalik XHTML 2 adalah untuk mengasingkan lagi kandungan dan pembentangan serta menambah baik baki kelemahan HTML 4 dan XHTML 1. Sebagai contoh, sokongan asli untuk menentukan imej bagi setiap item dalam senarai tidak tersusun. Teg IMG SRC asal digantikan dengan atribut SRC pilihan yang boleh digunakan pada mana-mana elemen. CSS yang diubah suai telah dipisahkan sepenuhnya daripada kandungan dan peranti yang tidak menyokong imej boleh mewakili teks dengan mudah.
Tetapi CSS bukanlah satu-satunya cabaran untuk pembangun web. Banyak masa dihabiskan untuk berinteraksi dengan pelayan dan borang HTML dan terdapat banyak kod JavaScript™ Borang adalah terhad kepada pasangan nilai kunci satu dimensi. Banyak kerja untuk membangunkan kod JavaScript, tetapi ia tidak berguna pada antara muka seperti peranti teks ke pertuturan.
Berdasarkan pendekatan modular, XHTML 2 menggantikan Borang HTML dengan modul XForms, menambah sokongan untuk masalah biasa menggunakan model aplikasi yang sesuai. XForms boleh menentukan logik interaksi, peraturan pengesahan dan kaedah pengiraan tanpa satu baris skrip. Selain itu, teknik ini menggunakan struktur XML yang kaya dan bukannya pasangan nilai kunci, membenarkan subbentuk bersarang dan elemen berulang. Selain menyediakan enjin berkuasa, peranti teks ke pertuturan lebih sesuai untuk mengubah kekayaan aplikasi.
Selain XForms, terdapat isu berkaitan XHTML lain yang diekstrak ke dalam spesifikasi bebas untuk memenuhi keperluan lain - seperti Acara XML, XFrames dan Ruby (bahasa Asia).
Dengan pemisahan perwakilan, pengaturcaraan juga diasingkan daripada standard. Sifat interaksi seperti onClick digantikan dengan modul Peristiwa XML. Oleh kerana spesifikasi Peristiwa XML itu sendiri direka untuk tujuan ini, ia menyediakan set alat yang lebih berkuasa untuk bekerja dengan antara muka pengguna.
Untuk inovasi XHTML 2, secara ringkasnya, idea asas adalah untuk memecahkan masalah yang berbeza. Isu ini tidak lagi menjadi ciri sekunder HTML dan menjadi tujuan utama spesifikasi baharu. Oleh itu, spesifikasi baharu paling sesuai dengan masalah yang dihadapi oleh pengoptimuman. Walau bagaimanapun, menangani isu yang berbeza secara berbeza adalah soal falsafah dan bukannya amalan. Pembangun pintar yang biasa menggunakan set alat ini boleh mendapatkan hasil yang mereka perlukan. Walau bagaimanapun, tidak mudah untuk mengatakan sama ada pengguna biasa versi HTML semasa boleh mencipta dokumen XHTML berkualiti tinggi.
XHTML 2 mungkin tidak disasarkan kepada pengguna HTML umum. Tetapi di tangan pembangun yang baik, ia boleh menjadi cara terbaik untuk meningkatkan kebolehaksesan. Falsafah reka bentuk HTML 5
WHATWG menggunakan pendekatan yang lebih realistik semasa mereka bentuk HTML 5. Tanpa mengambil kira konsep abstrak seperti penguraian masalah, kumpulan kerja ini membangunkan dokumen berdasarkan tingkah laku penyemak imbas arus perdana semasa, yang berbeza sama sekali daripada spesifikasi W3C. Berdasarkan analisis di atas, kumpulan kerja ini menyiasat penggunaan praktikal HTML.
Berdasarkan maklumat ini, kumpulan kerja mencadangkan inisiatif yang bertujuan untuk memudahkan kerja rata-rata pembangun web. Walaupun HTML 5 mendakwa berasal daripada versi HTML sebelumnya, matlamat utamanya bukanlah kesucian. Sebagai contoh, matlamat utama dokumentasi modular adalah untuk memudahkan penggantian dengan aplikasi web yang dioptimumkan.
Bahasa modular berdasarkan tujuan ini sangat memudahkan pembangunan aplikasi web. Contohnya, HTML 5 menyokong komponen interaktif seperti jadual data, menu dan bar alat. Menggunakan elemen HTML deskriptif dengan gelagat lalai mengelakkan daripada menulis banyak kod untuk mensimulasikan gelagat DIV generik.
Spesifikasi HTML 5 tidak terhad kepada elemen dan atribut HTML. Ia mentakrifkan API JavaScript khusus untuk penyuntingan dokumen dan interaksi seret dan lepas. Pendekatan ini berbeza sama sekali daripada mengurai masalah. Ia memudahkan API pembangun web tetapi meningkatkan saiz spesifikasi.
HTML 5 lebih serupa dengan HTML 4 berbanding XHTML 2 dengan XHTML 1. Laluan migrasi adalah lebih rata dan lebih mudah bagi pembangun HTML 4 yang berpengalaman untuk membiasakan diri dengan versi baharu. Ciri baharu mengikut logik yang sama. Atribut acara khusus untuk elemen tertentu membolehkan editor HTML menyediakan kefungsian penyiapan teks yang lebih sesuai.
Aplikasi web semasa bergantung pada JavaScript XML (Ajax) tak segerak untuk berinteraksi dengan pelayan. HTML 5 mengiktiraf kepentingan berinteraksi dengan pelayan dan mentakrifkan pelbagai cara untuk berinteraksi dengan rangkaian, mengedarkan acara pelayan yang diterima dan menghantar mesej kepada dokumen dari domain lain tanpa mencipta isu keselamatan.
Falsafah reka bentuk asas HTML 5 adalah untuk melanjutkan HTML 4 dengan ciri yang diperlukan oleh pembangun web. HTML 5 mewarisi teknologi asas HTML 4 sambil memudahkannya. Untuk menyelesaikan kelemahan HTML V4, HTML V5 memilih cara yang paling mudah dan paling langsung untuk mereka bentuk semula. Penggunaan praktikal piawaian baharu
XHTML V2 und verwandte Module werden offiziell vom W3C unterstützt, und verwandte Module werden zu einem wichtigen Faktor in anderen vom W3C unterstützten XML-Spezifikationen. Leider garantiert die offizielle Unterstützung durch das W3C keine Unterstützung in den wichtigsten Webbrowsern. Die Unterstützung von XHTML V2 stellt im Allgemeinen kein Problem dar: Moderne Browser unterstützen bereits viele Funktionen. Die korrekte Verwendung von XHTML V2 hängt von der Verfügbarkeit relevanter Module ab. Zum Zeitpunkt des Verfassens dieses Artikels ist unklar, ob Microsoft den Windows® Internet Explorer® um die Unterstützung von XML-Ereignissen und XForms-Funktionen erweitern wird. Ein Mozilla XForms-Plug-in, einschließlich XML Events, befindet sich seit mehreren Jahren in der Entwicklung. Dieses Plug-in verbessert die Funktionalität dieser Technologie und verringert die Schwierigkeit der Implementierung.
Beim Schreiben der HTML-V5-Spezifikation wurde eine intensive Kommunikation mit den Browserherstellern gepflegt und stets Implementierungsaspekte berücksichtigt. Allerdings äußerte das Team Zweifel an der offiziellen W3C-Befürwortung. Die Frage, wann die offizielle Genehmigung erfolgt, wird in den FAQ nicht einmal offiziell beantwortet. Unabhängig von der Haltung des W3C scheinen sich Browser-Anbieter für die Implementierung des inoffiziellen HTML-5-Standards entschieden zu haben. Dies ist nicht das erste Mal, dass Browserhersteller die Veröffentlichung offizieller Standards überstürzt vorantreiben. Konkurrierende Standards
Derzeit sind weder HTML 5 noch XHTML 2 offizielle Empfehlungen. Einige kleinere Details können sich in Zukunft ändern. Ihre Entwicklungsrichtung wird sich jedoch nicht ändern, und beide haben einige Mängel der aktuellen Standards behoben. Es bleibt abzuwarten, wie zukünftige Browser diese beiden neuen Standards unterstützen werden. Aktuelle Browser unterstützen sowohl HTML 4 als auch XHTML 1. Ebenso könnten zukünftige Browser sowohl HTML 5 als auch XHTML 2 unterstützen. Beide Standards haben ihre Befürworter.
Wenn Ihnen XHTML 1.1 wichtiger ist als HTML 4 und Sie Dokumente erstellen möchten, die verschiedene Geräte unterstützen, bevorzugen Sie möglicherweise XHTML 2. Wenn Sie XHTML 1 nur deshalb verwenden, weil es dem XML-Standard entspricht und die neuen Funktionen von HTML 5 bevorzugen, ist XHTML 5 (in XML neu geschriebenes HTML 5) möglicherweise die beste Wahl.
HTML 5 ist bei Entwicklern beliebt, die HTML 4 zum Erstellen interaktiver Webanwendungen verwenden. Dieser Ansatz eignet sich besser für Websites, die einen WYSIWYG-Dokumenteditor verwenden. Aber von Fall zu Fall dürften HTML 4 und XHTML 1 noch lange Zeit nebeneinander existieren.                  

Weitere verwandte Tutorials finden Sie unter Html5-Video-Tutorial