cari

Rumah >hujung hadapan web >html tutorial >Panduan Standard Penulisan Kod HTML_HTML/Xhtml_Penghasilan Halaman Web

Panduan Standard Penulisan Kod HTML_HTML/Xhtml_Penghasilan Halaman Web

WBOY
WBOYasal
2016-05-16 16:36:071790semak imbas

Konvensyen Am
Tag

Teg penutup sendiri, tidak perlu ditutup (contohnya: input img br hr, dll.);
Teg penutup pilihan (tag penutup), perlu ditutup (contohnya: atau < ; /body>);
Kurangkan bilangan tag sebanyak mungkin;

Kod XML/HTMLSalin kandungan ke papan keratan
  1. <img src="images/google.png " alt="Google">
  2. <input taip="teks" nama="tajuk">
  4. <ul>
  5. <li>Gayali> 
  6. <li>Panduanli> 
  7. ul>
  10. <span kelas="avatar" >
  11. <img src=".. ."> 
  12. jarak>
  15. <img kelas="avatar" src="...">

Kelas dan ID

kelas hendaklah dinamakan sempena fungsi atau kandungan, bukan ungkapan
kelas dan id hendaklah dalam huruf kecil, dan apabila terdiri daripada berbilang perkataan, gunakan pemisah sempang
gunakan id unik sebagai cangkuk Javascript , dan elakkan membuat kelas tanpa maklumat gaya;

Kod XML/HTML
Salin kandungan ke papan keratan
  2. <div kelas="j- cangkuk kiri contentWrapper">div>
  5. <div id="j- cangkuk" kelas="pembungkus kandungan bar sisi">< /div>

Pesanan atribut

Atribut HTML harus muncul dalam susunan tertentu untuk memastikan kebolehbacaan.

id
kelas
nama
data-xxx
src, untuk, taip, href
tajuk, alt
aria-xxx, peranan

Kod XML/HTMLSalin kandungan ke papan keratan
  1. <a id="..." kelas="..." modal data="togol" href="###"> a>
  3. <input kelas="borang- control" taip="teks">
  5. <img src=".. ." alt="...">

Tanda petikan

Gunakan petikan berganda secara seragam untuk takrifan atribut.

Kod XML/HTMLSalin kandungan ke papan keratan
  2. <span id='j- cangkuk' kelas=teks>Google span>
  5. <span id="j- cangkuk" kelas="teks">Googlejarak>

b Bersarang

a tidak membenarkan sarang div Kekangan ini adalah semantik kekangan bersarang termasuk kekangan bersarang yang ketat.

Kekangan sarang yang ketat tidak dibenarkan dalam semua penyemak imbas; bagi kekangan sarang semantik, kebanyakan penyemak imbas akan mengendalikan toleransi kesalahan, dan pepohon dokumen yang dijana mungkin berbeza antara satu sama lain.

Kekangan Bersarang Semantik

  • digunakan di bawah