Rumah > Artikel > hujung hadapan web > Komponen asas struktur dokumen html5
Komponen asas struktur dokumen html5
- 下次还敢asal
- 2024-04-22 11:00:26994semak imbas
Komponen asas struktur dokumen HTML5: Doctype: mengisytiharkan jenis dokumen dan mengikut standard HTML5 Ketua: Mengandungi metadata (tajuk, set aksara, helaian gaya) Badan: Mengandungi kandungan dokumen (teks, imej, video ) Unsur semantik (tajuk, perenggan, senarai, jadual, borang) Komen: berikan maklumat tentang dokumen dan tidak muncul dalam halaman web Elemen skrip: mengandungi kod JavaScript untuk meningkatkan fungsi dokumen
Asas struktur dokumen HTML5 Komposisi
HTML5 struktur dokumen terdiri daripada komponen asas berikut:
1 Doctype
<code class="html"><!DOCTYPE html></code>
mengisytiharkan jenis dokumen dan memberitahu pelayar bahawa dokumen itu mematuhi standard HTML5.
2. Kepala
<code class="html"><head>
<title>文档标题</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheet.css">
</head></code>
mengandungi metadata tentang dokumen, seperti tajuk, set aksara dan helaian gaya luaran.
3. Badan
<code class="html"><body>
<h1>欢迎来到我的网站</h1>
<p>这是我的网站的内容。</p>
</body></code>
mengandungi kandungan sebenar dokumen, seperti teks, imej dan video.
4. Elemen semantik
HTML5 memperkenalkan banyak elemen semantik untuk menerangkan kandungan dokumen dengan jelas:
- Elemen tajuk (h1-h6): Digunakan untuk mewakili tahap tajuk yang berbeza.
- Elemen perenggan (p): Digunakan untuk mewakili perenggan teks.
- Elemen senarai (ul, ol): digunakan untuk membuat senarai tidak tersusun atau senarai tersusun.
- Elemen jadual (jadual): digunakan untuk mencipta jadual.
- Elemen bentuk (input, borang): digunakan untuk mencipta borang.
5. Anotasi
<code class="html"><!-- 这是注释 --></code>
tidak dipaparkan dalam halaman web dan digunakan untuk memberikan maklumat tentang dokumen.
6. Elemen skrip (skrip)
<code class="html"><script src="script.js"></script></code>
mengandungi kod JavaScript yang digunakan untuk meningkatkan kefungsian dokumen.
Atas ialah kandungan terperinci Komponen asas struktur dokumen html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!