Standardkan halaman web anda_CSS/HTML

Piawaian web semakin menonjol pada masa kini, apabila membina tapak web, adalah penting untuk mematuhi piawaian dan lulus pengesahan XHTML dan CSS W3C Jadi bagaimana saya boleh membuat laman web yang memenuhi piawaian my BLOG pembinaan semula dan pengeluaran OSdev Beberapa pengalaman dalam proses Sumber^_^.

Pergi ke Pereka Web untuk membaca beberapa artikel tentang standard Web

Walaupun w3.org lebih berwibawa, bagi kita yang bahasa ibundanya adalah bahasa Cina, ini lebih mudah difahami:) Secara peribadi, saya berasa lebih selesa daripada pergi ke w3.org untuk membaca teks E-teks yang memenuhi skrin . Anda boleh menemui banyak artikel tentang XTHML, reka letak DIV+CSS, teknik CSS, dsb. di sini. Terdapat juga tutorial "Langkah Demi Langkah" yang ditulis oleh juruweb Ajie, yang memperkenalkan langkah demi langkah cara membuat tapak web yang memenuhi piawaian.

Buang jadual dan gunakan reka letak div+css

Ini nampaknya perkara pertama yang perlu dilakukan apabila mereka bentuk halaman web yang memenuhi piawaian:), reka letak DIV+CSS juga menjadi trend. Untuk menggunakan reka letak DIV+CSS, anda boleh merujuk kepada artikel w3cn.org: 16 contoh reka letak CSS asas, Tiga baris dan dua lajur biasa reka letak penyesuaian ketinggian berpusat.

Tutup tag

Dulu, mungkin kami tidak mempedulikan masalah penutupan tag, seperti img, p, dll. Apabila menggunakan tag ini, kami selalunya hanya menggunakan permulaan tanpa menutupnya dengan betul. Biasanya, kami menggunakan img seperti ini:

Tetapi dalam XHTML, situasi sedemikian tidak dibenarkan dan harus dimatikan:

Selain itu, tanda perenggan

digunakan secara langsung sebagai

, tetapi saya tidak pernah terfikir untuk menambah

Teg sarang dengan betul

Toleransi kesalahan penyemak imbas membolehkan kami mendapat kesan paparan yang betul walaupun kami menulis halaman web yang tidak mematuhi peraturan, seperti menggunakan

sampel

Tiada masalah, sekali lagi, ini tidak dibenarkan dalam XHTML. XHTML berasal daripada XML, dan XML mestilah berstruktur, jadi apabila teg bersarang, ia mesti bersarang lapisan demi lapisan tanpa bersilang.

Tetapkan set aksara dengan betul

Nampaknya tidak begitu penting, tetapi menetapkan set aksara adalah lebih kondusif untuk menghurai dokumen oleh penyemak imbas.

Penjajaran gambar

Dalam XHTML, atribut align hanya boleh menjadi salah satu daripada tiga nilai ​​kiri, tengah, kanan atau atas, tengah dan bawah, dan sering kali kita memerlukan imej dan teks untuk dipusatkan sepenuhnya, itu ialah, gunakan absmiddle. Selepas menggunakan XHTML, atribut ini mesti hilang Apakah penyelesaiannya? Saya tidak tahu, tetapi terdapat artikel dalam Pereka Web yang menyebut masalah ini Apabila saya menyusun semula blog, saya menetapkan penjajaran imej ke atas, dan kesan paparan boleh diterima.

mengendalikan &

dalam pautan

Apabila menggunakan kaedah GET untuk menghantar parameter dalam tapak web dinamik, jika terdapat berbilang parameter, & akan digunakan untuk menyambung setiap parameter Walau bagaimanapun, dalam XHTML, jika terdapat &, ini bermakna yang berikut ialah entiti , tetapi tiada siapa yang harus berfikir bahawa Nama parameter hendaklah nbsp, lt, gt. XHTML menetapkan bahawa semua & yang bukan entiti mesti ditukar kepada & Jika penukaran tidak dilakukan, ralat akan dilaporkan semasa pengesahan W3C dan entiti tidak dapat ditemui.

Malah, saya secara peribadi merasakan membuat laman web mengikut piawaian adalah lebih mudah daripada membuat laman web mengikut kaedah tradisional Kerana struktur dan kandungan dipisahkan, anda tidak perlu membuat semula keseluruhan halaman apabila menukar paparan kesan. Anda hanya perlu menulis semula gaya dalam CSS . Dan ia sesuai untuk semakan masa hadapan Selain itu, seperti FBS Fdream, ia boleh menukar kulit tanpa menyegarkan, yang merupakan perkara yang baik~~