Apakah peraturan yang harus dipatuhi oleh html5?

Peraturan yang harus dipatuhi oleh HTML5: 1. Gunakan DIV dengan baik untuk reka letak 2. Asingkan tag HTML dan helaian gaya CSS 3. Optimumkan kod CSS; halaman; 5. Gunakan elemen tajuk dengan baik 6. Gunakan tag HTML yang sesuai di tempat yang betul;

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

HTML telah melalui hampir 20 tahun pembangunan. Daripada HTML4 kepada XHTML, dan kemudian kepada HTML5 yang sangat popular baru-baru ini, ia telah menyaksikan pembangunan hampir keseluruhan Internet. Namun begitu, sehingga kini, terdapat banyak konsep dan prinsip asas yang masih perlu diberi perhatian oleh pembangun. Editor latihan pembangunan bahagian hadapan Web akan memperkenalkan kepada anda prinsip pembangunan HTML5 ini yang harus diikuti.

1. Gunakan DIV dengan baik untuk reka letak

Apabila membangunkan halaman Web, satu perkara yang perlu dipertimbangkan ialah membezakan fokus halaman. Dengan memasukkan kandungan ini dalam teg DIV, kod pada halaman akan kelihatan kemas dan berenden dengan baik.

2. Asingkan teg HTML dan helaian gaya CSS

Halaman yang baik harus memisahkan teg HTML dan helaian gaya CSS. Ini adalah prinsip yang perlu diketahui oleh setiap pembangun web apabila berhubung dengan pembangunan web. Walau bagaimanapun, sehingga hari ini, masih terdapat banyak pembangun yang tidak mematuhi prinsip ini.

Jangan benamkan kod helaian gaya dalam teg HTML. Pembangun harus membangunkan tabiat mencipta fail berasingan untuk menyimpan helaian gaya CSS. Ini juga akan memudahkan pembangun lain menyelesaikan kerja mereka dengan cepat apabila mengubah suai kod anda.

3. Optimumkan kod CSS

Pada masa kini, adalah perkara biasa untuk menambah berbilang fail CSS pada tapak web. Walau bagaimanapun, apabila tapak web mengandungi terlalu banyak fail CSS, ia akan memperlahankan kelajuan respons tapak web. Penyelesaiannya ialah: menyelaraskan kod dan mengoptimumkan berbilang fail CSS dan menggabungkannya ke dalam satu fail. Kaedah ini boleh meningkatkan kelajuan memuatkan laman web dengan ketara. Di samping itu, terdapat banyak alat yang boleh digunakan untuk mengoptimumkan fail CSS, seperti Pengoptimum CSS, CSS Bersih, dll.

Untuk CSS, kami juga telah mengesyorkan 10 rangka kerja CSS yang sangat baik yang perlu anda ketahui tentang jenis dan penggunaan rangka kerja CSS yang berkaitan.

4. Optimumkan fail JS dan letakkannya di bahagian bawah halaman

Seperti CSS, adalah perkara biasa untuk menambah berbilang fail JS pada halaman. Tetapi ini juga akan mengurangkan kelajuan tindak balas laman web. Atas sebab ini, pembangun harus memperkemas dan mengoptimumkan fail JS ini.

Tetapi satu perkara berbeza daripada CSS, pelayar biasanya tidak menyokong pemuatan selari. Ini bermakna apabila penyemak imbas memuatkan fail JS, ia tidak lagi akan memuatkan kandungan lain pada masa yang sama. Ini menyebabkan kelajuan memuatkan halaman kelihatan perlahan.

Penyelesaian yang baik ialah meletakkan urutan pemuatan fail JS yang terakhir. Untuk mencapai matlamat ini, pembangun boleh meletakkan kod JS di bahagian bawah dokumen HTML dan lokasi yang baik adalah berhampiran dengan teg

5 Gunakan elemen tajuk dengan baik

span hingga h6. Elemen ini digunakan untuk menyerlahkan kandungan utama halaman. Ini membantu pengguna menumpukan lebih pada bahagian penting halaman. Untuk blog, saya (merujuk kepada penulis artikel ini) mengesyorkan menggunakan tag span untuk menyerlahkan tajuk blog. Kerana, tajuk blog hampir menjadi bahagian penting dalam halaman.

6. Gunakan teg HTML yang sesuai di tempat yang betul

Teg HTML ialah kunci untuk membina struktur kandungan yang standard. Contohnya, teg

7. Elakkan menyalahgunakan tag div

Bukan semua elemen blok harus dibuat menggunakan tag

. Sebagai contoh, anda boleh menambah display:block pada atribut elemen sebaris untuk memaparkannya sebagai elemen blok.

8. Nilai atribut hendaklah disertakan secara seragam dalam tanda petikan

Walaupun sesetengah atribut dalam HTML5 boleh tidak disebut, demi penyeragaman, tanda petikan ditambahkan pada setiap atribut.

9 Elakkan baris kod yang terlalu panjang

Saiz halaman adalah terhad. Jika kod terlalu panjang, bar skrol akan ditambah, yang akan mengurangkan kebolehbacaan daripada kod tersebut.

10 Tambah alt pada teg img

Selepas menambah alt pada atribut imej, apabila imej tidak dapat dipaparkan, kandungan alt boleh mengisi jurang dalam imej, dan alt juga bagus untuk pengoptimuman SEO.

11. Baris dan inden kosong

Semasa kami belajar Java, guru mengajar kami untuk menambah komen, baris kosong dan inden pada kod untuk meningkatkan kebolehbacaan kod.

12 Tutup teg

Kebanyakan teg dalam HTML muncul secara berpasangan Jika sesetengah teg tidak ditutup, masalah seperti salah jajaran dokumen akan berlaku. Walaupun sesetengah teg boleh menggunakan teg tunggal, adalah lebih baik untuk menyatukannya menjadi teg tertutup, seperti p. Dan seperti meta, lebih baik menulisnya dalam bentuk berikut: <meta charset="utf-8"/>.

Cadangan berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah peraturan yang harus dipatuhi oleh html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!