Artikel ini berisi beberapa pengalaman seorang netizen saat melakukan verifikasi W3C XHTML1.0 saat memperbarui dan menyesuaikan website.
Ringkaslah sembilan masalah yang perlu diperhatikan saat melewati standar W3C XHTML1.0:
1. Apa saja kesalahan dalam pernyataan <div class=tzh>Saya TZH!</div>?
Masalah tanda baca. Ini sebenarnya masalah yang paling mudah diabaikan. Faktanya, hanya dua tanda kutip kecil yang menyebabkan kesalahan ini. Meskipun banyak browser yang masih mengenali rendering dengan benar tanpa tanda kutip. Namun, tidak mungkin untuk melewati standar internasional W3C XHTML yang ketat. Harap diingat bahwa tanda sama dengan harus diikuti dengan tanda kutip. Penulisan yang benar: <div class="tzh">Saya TZH!</div>
2. Apa kesalahan pada kalimat <SPAN class="tzh">TZH adalah saya!</SPAN>?
Perhatikan kapitalisasi. Ini, seperti pertanyaan pertama, adalah masalah detail yang mudah diabaikan. Huruf kapital sama sekali tidak diperbolehkan dalam standar W3C. Saya masih ingat ketika saya menguji sepotong kode JavaScript, onLoad yang saya tulis untuk memperjelasnya juga dinilai sebagai kesalahan dikapitalisasi. Penulisan yang benar: <span class="tzh">TZH adalah aku!</span>
3. Pada kalimat <p>Aku adalah TZH!</p><br><p>TZH adalah aku!</p> Apa itu salah dengan?
<br />Tandai masalah. Mengenai tag pemisah baris paksa <br />, banyak pemula yang tidak dapat membedakan antara tag tersebut dan <br>. Bahkan di editor FCKeditor, <br> terkadang muncul dari waktu ke waktu untuk bertindak sebagai <br /> . Meskipun banyak browser yang secara otomatis memperbaiki kesalahan dan mengenali <br> sebagai <br />. Namun metode pengeditan terbaik tetap disarankan menggunakan Dreamweaver untuk mengedit. Saat Anda menekan Ctrl+Enter, <br /> akan otomatis ditulis. Cara menulis yang benar: <p>Saya TZH!</p><br /><p>TZH adalah saya!</p>
4. <h1>~tangzhehao~hei~</h1> Apa kesalahannya? kalimat ini?
Perhatikan tanda baca yang mengikuti akhir tag, banyak tag yang tidak dapat diikuti dengan tanda baca khusus, seperti tanda tilde "~" di sini, tetapi Anda harus bertanya, bagaimana cara menggunakannya? Kemudian gunakan Kumpulan Karakter ISO Latin-1. Di sini, temukan kode desimal dari kumpulan karakter yang sesuai dengan tanda tilde "~", yaitu ~, lalu gunakan kode desimal ini untuk mengganti tanda ~ tilde, ingat Titik koma terakhir tidak bisa hilang. Dalam kumpulan karakter ISO Latin-1, entitas bernama diberi prioritas, diikuti dengan kode desimal. Artinya, ketika sebuah simbol memiliki kode desimal dan entitas bernama, entitas bernama diberi prioritas tidak digunakan.
5. Apa saja kesalahan pada kalimat <form id="54tzh"></form>?
Perhatikan kasus khusus id dan kelas. Standar W3C XHTML1.0 menetapkan bahwa dalam id atau kelas, karakter pertama tidak boleh berupa angka dan harus berupa huruf. Penulisan yang benar: <form id="tzh45"></form>
6. Apa saja kesalahan pada kalimat <img src="logo.gif">?
Perhatikan tag <img>. Standar W3C XHTML1.0 menetapkan bahwa elemen alt harus disertakan dalam tag <img>. Penulisan yang benar: <img alt="Logo" src="logo.gif">
7. Apa saja kesalahan dalam <script Language="JavaScript">?
Perhatikan tag <script>. Standar W3C XHTML1.0 menetapkan bahwa elemen tipe harus disertakan dalam tag <img>. Penulisan yang benar: <script Language="JavaScript" type=text/javascript>
8. Apa saja kesalahan pada kalimat <div><h1>I am TZH!</div></h1>?
Perhatikan urutan awal dan akhir tag yang sesuai. Penulisan yang benar: <div><h1>Saya TZH!</h1></div>
9. Selain hal di atas, hal apa lagi yang perlu diperhatikan?
Hati-hati dengan paket khusus. Misalnya: <dl><dd><ul><li> dan tag khusus lainnya sangat diperlukan dalam urutan set. Keempat tag <dl><dd><ul><li> harus ditulis lengkap secara urut. Ada banyak yang serupa.
Perhatikan bahwa tab tersebut tidak terbuka. Yang disebut not open berasal dari deteksi W3C. Kesalahan yang ditampilkan oleh jenis error ini adalah not open yang artinya tidak terbuka saat diterjemahkan. Kalau dipahami menurut arti Cina, artinya ada permulaan tanpa ekor atau ada ekor tanpa kepala. Biasanya alasan kesalahan ini adalah karena sepotong kode telah dihapus selama modifikasi, tanpa memperhitungkan tag akhir atau awal yang relatif jauh.
Dirangkum beberapa pengalaman tentang standar CSS W3C:
1. Gunakan lebih sedikit bias. Yang terbaik adalah menggunakan CSS yang tidak terlalu rahasia seperti break-word, pelapisan manual dengan indeks-z, perataan vertikal, dll., karena tidak semua browser mendukungnya, dan sangat sulit untuk melewati deteksi W3C.
2. Pusat bukanlah nilai mengambang. Banyak pemula yang salah mengira center sebagai nilai float, namun kenyataannya tidak demikian. center hanyalah nilai perataan teks.
3. Penyelarasan tidak boleh menyertakan dua nilai. Banyak pemula yang akan mengisi dua nilai dalam float atau text-align, seperti: float:left top. Ini tidak diperbolehkan dan tidak dikenali oleh browser.
4. Sebaiknya jangan menyesuaikan warna bilah gulir. Banyak browser tidak dapat mengenali bilah gulir dengan warna khusus dengan benar, dan banyak warna khusus tidak dapat melewati W3C.
5. Pisahkan pengaturan bilah gulir. Saat ini, overflow-x (scroll bar horizontal) atau overflow-y (scroll bar vertikal) sering digunakan. Saat mengatur ini, kita sering menemukan bahwa ini tidak berpengaruh pada semua klien dan html disetel secara bersamaan. Namun, CSS ini tidak didukung oleh CSS2.1 (CSS2.1 mendukung overflow dan mendefinisikan bilah gulir horizontal dan vertikal. Metode definisi ini tidak didukung hingga CSS3). Gunakan sesedikit mungkin.
6. Jika latar belakang dan warnanya sama, Anda akan diperingatkan.