Rumah > Artikel > hujung hadapan web > Apakah maksud teg semantik HTML5

Apakah maksud teg semantik HTML5

WBOYasal: 2022-01-23 13:47:522234semak imbas

Dalam HTML5, teg semantik boleh menerangkan dengan jelas maksudnya kepada penyemak imbas dan pembangun, iaitu, cuba gunakan teg Html dengan makna struktur yang sepadan termasuk "footer" dan "header" ”, “nav”. teg "figcaption", dsb.

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

Apakah maksud teg semantik HTML5

Semantik = makna

Unsur semantik = elemen bermakna

Apakah elemen semantik?

Elemen semantik boleh menerangkan dengan jelas maksudnya kepada pelayar dan pembangun.

Contoh unsur bukan semantik:

dan - tidak perlu mempertimbangkan kandungan

Contoh unsur semantik:

, , dan

- Mentakrifkan kandungannya dengan jelas.

Banyak tapak web sedia ada mengandungi kod HTML berikut:

, atau < ; div id="footer">, untuk menunjukkan pautan navigasi, pengepala dan pengaki

HTML5 menyediakan elemen semantik baharu untuk mengenal pasti bahagian halaman Web yang berbeza:

Contohnya adalah seperti berikut:

Teg mentakrifkan bahagian (bahagian, bahagian) dalam dokumen. Seperti bab, pengepala, pengaki atau bahagian lain dokumen.

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
  <h1>WWF&#39;s Panda symbol</h1>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>

Hasil keluaran:

Tutorial disyorkan: "

tutorial video html"

Atas ialah kandungan terperinci Apakah maksud teg semantik HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 html class table

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk menyembunyikan teg navigasi dalam html5Artikel seterusnya：Bagaimana untuk menyembunyikan teg navigasi dalam html5

Artikel berkaitan

Lihat lagi