XHTML: Pengekodan Web untuk Reka Bentuk Tulen

XHTML 1.0 dan 1.1 berdiri untuk EXtensible HyperText Markup Lbahasa dan mewakili lonjakan gergasi ke hadapan dari HTML 4.0. Mereka menggabungkan yang terbaik dari HTML 4.0 dengan XML untuk memberikan pereka skema pengekodan yang lebih canggih untuk reka bentuk web yang lebih halus dan lebih tegas.

W3C, ibu bapa dari semua bahasa HTML, menyifatkan XHTML 1.0 sebagai "perubahan besar pertama ke HTML sejak HTML 4.0 dikeluarkan pada tahun 1997. Ia membawa keteguhan XML ke laman Web dan merupakan batu permata dalam kerja W3C untuk mewujudkan piawaian yang menyediakan laman web yang lebih kaya pada platform pelayar yang semakin meningkat termasuk telefon bimbit, televisyen, kereta, penyambung wayarles bersaiz dompet, kiosk dan komputer meja. "

Variasi XHTML

Tiga jenis XHTML yang berbeza tersedia untuk memenuhi keperluan semua pereka web. Ini termasuk Strict, Transitional dan Frameset XHTML.

XHTML 1.0 Ketat - bentuk paling murni untuk pereka web berpengalaman. Versi ini membolehkan anda membuat kod bersih bersisik, tanpa perlu memasukkan kod tata letak (font, warna, susun atur) di seluruh dokumen anda. Sebaliknya, anda memasukkan kod Cascading Style Sheet (CSS) pada mulanya.

XHTML 1.0 Peralihan - tengah-tengah format kod jalan untuk membantu pereka yang memerlukan masa untuk mempelajari kaedah pengekodan baru ini, atau ingin menampung penonton yang masih menggunakan pelayar web lama. Helaian gaya digunakan tetapi kod HTML lama yang baik juga diperbadankan. Sebagai contoh, tag badan masih termasuk bgcolor, teks, pautan, atribut vlink.

XHTML 1.0 Frameset - variasi ini adalah penjelasan diri anda - anda menggunakannya apabila anda mahu memasukkan XHTML ke dalam dokumen berasaskan bingkai.

Masih lagi versi yang lebih maju, XHTML 1.1 membolehkan kod modular ditambah untuk keperluan pengekodan khas antarabangsa dan lain-lain. Modul RUBY dimasukkan untuk memudahkan pengekodan tambahan ini. Perubahan tunggal yang paling ketara dalam XHTML 1.1 ialah data yang tidak dapat dipakai dari persembahan. Pemformatan tidak lagi tertanam dengan data dan hanya boleh dicapai dengan merujuk Cascading Style Sheets (CSS). Ini meninggalkan data yang tersedia untuk memudahkan penguraian dan penggunaan semula oleh pelbagai produk dan aplikasi kebolehaksesan bukan desktop yang baru.

Membersihkan HTML Anda

Dave Raggett dan Source Forge W3C kini menawarkan utiliti sumber terbuka yang hebat, HTML Tidy kepada pereka yang ingin menukar dokumen HTML semasa mereka ke XHTML (dan mengemas kod mereka dalam proses). Alat berguna ini akan membantu kod anda bersinar dengan melakukan semua tugas yang berguna ini:

  • Tag akhir yang hilang atau tidak sepadan dikesan dan diperbetulkan

  • Tag akhir dalam urutan yang salah diperbetulkan

  • Memperbaiki masalah dengan penekanan tajuk

  • Pulih daripada tag bercampur

  • Menambah slash yang hilang dalam tag akhir untuk sauh

  • Penyempurnaan senarai dengan memasukkan tag yang hilang

  • Petikan yang hilang sekitar nilai atribut ditambah

  • Atribut tak diketahui / Proprietari dilaporkan

  • Elemen proprietari diiktiraf dan dilaporkan demikian

  • Tanda-tanda kekurangan pendakap yang ditamatkan dikesan

  • Menggantikan kod tata letak yang berlebihan dengan sifat-sifat dan peraturan gaya menggunakan CSS

  • Menghapuskan perenggan kosong dan elemen tajuk

The Gritty Nitty

Salah satu "peraturan" utama apabila menggunakan XHTML ialah kod itu mesti bersih dan lengkap.

  • Semua elemen mesti mempunyai tanda tutup dan sarang dengan betul.

  • Semua tag mesti ditulis dalam huruf kecil - XML ​​adalah sensitif huruf.

  • Tag akhir mesti disertakan untuk SEMUA unsur-unsur

  • Semua atribut mestilah dalam petikan misalnya. lebar, colspan, rowspan

  • Unsur kosong mesti mempunyai tag akhir


A Helping Hand


Rasa terkejut mengenai pembelajaran lagi format HTML? Bantuan sudah ada, jika ya. XStandard adalah editor kod WYSIWYG yang membantu anda menulis kod XHTML tulen bersih dalam XHTML 1.0 Ketat atau XHTML 1.1. Pencipta menggambarkan perisian ini sebagai: "editor WYSIWYG yang paling maju, berasaskan standard di pasaran.Ia sesuai untuk mana-mana Windows atau sistem pengurusan kandungan berasaskan pelayar yang menyokong ActiveX.XStandard menguruskan kandungan yang kaya dalam bahasa mana pun, mempunyai ciri-ciri kebolehaksesan yang kuat , dan menyokong pilihan penyuntingan yang popular termasuk jadual, pembungkusan teks di sekeliling imej, dan seret dan drop fail ke editor. " Perisian ini terdapat dalam versi XStandard Lite percuma dan versi XStandard Pro yang lebih serba boleh.

Sekiranya anda ingin laman web anda berfungsi dengan baik dalam pelayar hari ini dan peranti bukan tradisional, dan terus berfungsi dengan baik pada hari esok, adalah idea yang baik untuk mengarang tapak baru di XHTML, dan menukar halaman lama ke XHTML sebagai izin kerja anda. Sudah tentu, ini bukanlah akhir! Sudah, kerja sedang dilakukan untuk creat XHTML 2.0. Langkahnya adalah untuk memberi tumpuan semata-mata kepada struktur, bukan keserasian ke belakang. Anda boleh membaca tentang bentuk terbaru XHTML ini di laman web IBM dalam artikel mereka, Masa Depan Web: XHTML 2.0.

Siri Highlight HTML

BAHAGIAN 1: Sekiranya Pereka Yang Benar Tahu HTML?
BAHAGIAN 2: HTML 3.2 - Kelahiran Wilbur
BAHAGIAN 3: HTML 4.0 DAN 4.01 - Lebih Baik dari Hal Baik!
BAHAGIAN 4: XHTML: Pengekodan Web untuk Reka Bentuk Tulen
BAHAGIAN 5: DHTML: Pengekodan Web Dinamik

Arahan Video: Web Development - Computer Science for Business Leaders 2016 (Mungkin 2024).