Struktur standard web termasuk pengisytiharan DOCTYPE yang betul, struktur HTML, teg semantik, tajuk dan perenggan, senarai, pautan dan navigasi, imej dan multimedia, jadual, borang, gaya CSS, dsb. Pengenalan terperinci: 1. Pengisytiharan DOCTYPE digunakan untuk memberitahu pelayar versi HTML yang hendak digunakan untuk menghuraikan halaman Dalam HTML5, anda boleh menggunakan "" untuk mengisytiharkan bahawa halaman itu menggunakan standard HTML5 pengisytiharan DOCTYPE memastikan bahawa halaman berada dalam penghuraian dan pemaparan yang betul dalam pelayar yang berbeza, dsb.
Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.
Struktur standard Web merujuk kepada cara tersusun dan berstruktur yang harus diikuti semasa membangunkan halaman Web untuk memastikan kebolehbacaan, kebolehselenggaraan dan kebolehcapaian halaman. Struktur standard Web terutamanya merangkumi aspek berikut:
1 Pernyataan DOCTYPE: Pernyataan DOCTYPE digunakan untuk memberitahu pelayar versi HTML yang hendak digunakan untuk menghuraikan halaman. Dalam HTML5, anda boleh menggunakan `` untuk mengisytiharkan bahawa halaman tersebut menggunakan standard HTML5. Mengisytiharkan DOCTYPE dengan betul adalah asas untuk memastikan halaman dihuraikan dan dipaparkan dengan betul dalam penyemak imbas yang berbeza.
2. Struktur HTML: Struktur HTML merujuk kepada keseluruhan struktur dan organisasi halaman. Struktur HTML standard harus mengandungi tiga elemen utama: ``, `
` dan ``. Elemen `` ialah elemen akar dokumen HTML, elemen `` digunakan untuk mentakrifkan metadata dokumen dan memperkenalkan sumber luaran dan elemen `` digunakan untuk menentukan kandungan utama halaman.3. Teg semantik: Teg semantik merujuk kepada penggunaan elemen HTML dengan makna semantik untuk menerangkan struktur dan kandungan halaman. Contohnya, gunakan `
4 Tajuk dan perenggan: Gunakan tajuk yang sesuai (`
` untuk mentakrifkan perenggan dan menyusun kandungan teks mengikut perenggan untuk menjadikan halaman lebih mudah dibaca.
5 Senarai: Gunakan senarai tertib (`
6 Pautan dan navigasi: Gunakan elemen `` untuk membuat pautan dan tentukan alamat sasaran pautan dengan menetapkan atribut `href`. Untuk meningkatkan kebolehcapaian navigasi, gunakan elemen `
7 Imej dan multimedia: Gunakan elemen `` untuk memasukkan imej dan tentukan laluan ke imej dengan menetapkan atribut `src`. Untuk meningkatkan kebolehaksesan, atribut `alt` yang sesuai harus ditambahkan pada imej untuk menyediakan teks alternatif bagi imej tersebut. Untuk kandungan multimedia, seperti audio, video, dsb., anda boleh menggunakan elemen HTML yang sepadan (seperti `
8: Gunakan elemen `
` dan `< elemen td>` untuk menentukan jadual pengepala dan sel jadual. Untuk meningkatkan kebolehcapaian jadual, anda harus menggunakan elemen ` |
---|