Peraturan penggunaan: 1. Atribut kelas teg mesti menggunakan huruf kecil, gunakan "-" untuk memisahkan perkataan dan tidak boleh dinamakan dengan gaya terbina dalam 2. Atribut id teg mesti kekal unik pada halaman; 3 , Nama tag mesti menggunakan huruf kecil; 4. Penggunaan tag mesti mematuhi peraturan tag;
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
1. Peraturan penamaan
Kelas [Mandatori]: semua perkataan mesti dalam huruf kecil. huruf, perkataan Mereka dipisahkan oleh - dan mesti mewakili kandungan atau fungsi modul atau komponen yang sepadan Mereka tidak boleh dinamakan mengikut gaya HTML terbina dalam Penamaan harus mempunyai semantik yang jelas.
id [Mandatori]: mesti kekal unik dalam halaman dan penamaan harus mempunyai semantik yang jelas.
2. Teg
[Mandatori] Nama teg dalam Html mesti menggunakan huruf kecil.
[Mandatori] Penutupan teg mesti mematuhi peraturan HTML5.
[Mandatori] Penggunaan tag mesti mematuhi peraturan bersarang tag Contohnya: p tidak boleh diletakkan dalam p, dan tbody mesti diletakkan dalam jadual.
[Cadangan] Penggunaan teg mesti mengikut semantik teg, contohnya:
p - Perenggan
h1,h2,h3,h4,h5,h6 -Tajuk peringkat
strong,em - penekanan
in - masukkan
del - padam
abbr - singkatan
kod - kod pengecam
petikan - tajuk karya sumber yang dipetik
q - petikan
petikan blok - perenggan atau petikan panjang
ul - senarai tidak tertib
ol - Senarai Tertib
dl,dt,dd - Senarai Definisi
[Cadangan] Jadual tidak boleh digunakan untuk reka letak apabila CSS boleh mencapai keperluan yang sama.
3. Atribut
[Mandatori] Atribut mesti menggunakan huruf kecil, dan nilai atributnya mesti dikelilingi dengan petikan berganda.
[Cadangan] Cadangan jenis Boolean tidak menambah nilai atribut. Adalah disyorkan bahawa atribut tersuai diawali dengan xxx- dan disyorkan untuk menggunakan data-
4 DOCTYPE
[Mandatori] Gunakan doctype untuk mendayakan mod standard. Adalah disyorkan untuk menggunakan DOCTYPE huruf besar
5 Pengekodan bahasa
[Cadangan] Ia membantu untuk meningkatkan kebolehcapaian halaman Atribut lang yang betul mesti ditetapkan. contohnya:
[Mandatori] Halaman mesti menyatakan meta pengekodan aksara dan ia mestilah elemen anak langsung pertama bagi kepala, contohnya: < metacharset="UTF-8">.
6. Pengenalan CSS dan JavaScript
[Mandatori] Apabila memperkenalkan css, anda mesti menyatakan rel="stylesheet", dan apabila memperkenalkan css dan javascript, anda mesti nyatakan atribut jenis.
[Cadangan]Kod JavaScript mesti diletakkan di hujung halaman atau dimuatkan secara tidak segerak.
7. Kandungan Head
[Mandatori] Teg Tajuk mesti ditetapkan sebagai elemen anak langsung kepala dan serta-merta mengikuti pernyataan charset.
[Mandatori] Favicon dijamin boleh diakses, contohnya:
[Mandatori] Atribut Viewport mesti dinyatakan.
8. Gambar
[Mandatori] melarang nilai src img daripada kosong, dan nilai atribut src lalai juga mesti ditambahkan pada gambar yang dimuatkan malas.
[Cadangan] Tambahkan nilai atribut alt pada imej penting.
[Cadangan] Tambahkan atribut lebar dan ketinggian untuk mengelakkan kegelisahan halaman.
9. Tajuk kawalan
[Mandatori] Kawalan dengan tajuk teks mesti menggunakan tag label untuk mengaitkannya dengan tajuknya, contohnya:
<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户:</label><inputtype="text" name="user" id="user">
10. Butang
[Mandatori] Apabila menggunakan elemen butang, nilai atribut jenis mesti dinyatakan
11 >[Cadangan] Apabila menggunakan JavaScript untuk penyerahan borang, fungsi penyerahan asli hendaklah berfungsi dengan betul.
[Cadangan] Tentukan atribut jenis kotak input mengikut jenis kandungan, contohnya:
12 >[Cadangan] Apabila menggunakan tag audio dan video untuk memainkan audio dan video, anda harus memberi perhatian kepada format:
Format audio: MP3, WAV, Ogg Format video: MP4, WebM, Ogg13 Ulasan
[Mandatori] Komen terperinci mesti dibuat pada kod CSS dan javascript halaman atau modul Tutorial yang disyorkan: "
tutorial video html》
Atas ialah kandungan terperinci Apakah peraturan untuk menggunakan tag html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!