Elemen struktur utama HTML5 ialah: 1. elemen artikel, yang mentakrifkan kandungan bebas; . elemen ketepikan, yang mentakrifkan bahagian Bar sisi dokumen 5. Elemen masa, menentukan tarikh atau masa.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
Elemen struktur utama adalah untuk menstruktur semantik, untuk SEO yang lebih baik dan untuk penyemak imbas untuk menangkap data dengan lebih baik. Elemen yang disertakan terutamanya termasuk artikel, bahagian, navigasi, tepi dan masa.
teg artikel secara semantiknya ialah dokumen atau halaman. Penggunaan: Biasanya artikel, halaman, kandungan lengkap bebas. Penekanan adalah pada kebebasan Artikel boleh bersarang antara satu sama lain dan biasanya mempunyai tag pengepala, yang boleh dianggap sebagai elemen bahagian khas (diterangkan kemudian). Selalunya digunakan, kod tersebut adalah seperti berikut:
<!DOCTYPE HTML>
<html>
<body>
<article>
<header>
<h1> apple教程</h1>
<p>时间：<time pubdate="pubdate">2013-2-1</time></p>
</header>
<p>轻松学习apple教程，就来</p>
<a href="http://www.apple.com">www.apple.com</a><br />
<footer>
<p><small>底部版权信息：apple.com公司所有</small></p>
</footer>
</article>
</body>
</html>semantik elemen bahagian ialah bahagian, penggunaan: digunakan untuk perenggan kandungan tertentu pada halaman, seperti perenggan artikel, biasanya terdiri daripada tajuk dan Komposisi kandungan, bahagian tidak disyorkan untuk bahagian tanpa tajuk. Bahagian boleh menyusun elemen artikel kerana artikel lebih bebas. Kekerapan penggunaan adalah rendah dan penekanan adalah pada segmentasi dan chunking. Kodnya adalah seperti berikut:
<!DOCTYPE HTML>
<html>
<body>
<section>
<h2>section元素使用方法</h2>
<p> section元素用于对网站或应用程序中页面上的内容进行分块。</p>
</section>
</body>
</html>Nota : Apabila bekas perlu digayakan atau ditakrifkan instep, adalah disyorkan untuk menggunakan p. Jangan gunakan bahagian.
semantik elemen navigasi ialah navigasi Penggunaan: Biasanya digunakan sebagai bahagian navigasi halaman dan kerap digunakan. Kodnya adalah seperti berikut:
<html>
<body>
<nav>
<ul>
<li><a href="">菜单1</a></li>
<li><a href="">菜单2</a></li>
<li><a href="">菜单3</a></li>
</ul>
</nav>
</body>
</html>semantik elemen di sebelah, sebelah Penggunaan: Apabila digunakan dalam teg artikel, ia digunakan sebagai bahagian maklumat sampingan kandungan utama, seperti rujukan yang berkaitan, penerangan istilah, dsb. Apabila digunakan di luar teg artikel, ia berfungsi sebagai bahagian maklumat sampingan global halaman atau tapak, seperti bar sisi, bahagian pautan mesra blog, kawasan pengiklanan, dsb. Kekerapan penggunaan adalah rendah. Kodnya adalah seperti berikut:
<!DOCTYPE HTML>
<html>
<body>
<!-- 在article标签内使用时 -->
<article>
<h1>马云是谁</h1>
<p>马云，男，1964年10月15日出生于浙江省杭州市，中国著名企业家，阿里巴巴集团、淘宝网、支付宝创始人..........</p>
<aside>
<h1>参考资料</h1>
<p>百度网、维基百科...</p>
</aside>
</article>
<!-- 在article标签外使用时 侧导航栏-->
<aside>
<nav>
<ul>
<li><a href="">老赵的博客</a></li>
<li><a href="">鬼哥的博客</a></li>
<li><a href="">彪叔的博客</a></li>
</ul>
</nav>
</aside>
</body>
</html>Elemen masa ialah tanda masa. Penggunaan: Mewakili masa tertentu atau tarikh tertentu dalam 24 jam Perbezaan masa dibenarkan apabila menyatakan tarikh dan masa dalam banyak format boleh ditakrifkan, dan kekerapan penggunaan adalah rendah. Kodnya adalah seperti berikut:
<!DOCTYPE HTML>
<html>
<meta charset='utf-8'>
<body>
<aside>
<time datetime="2013-3-6">2014年3月6日</time>
<br/>
<!-- datetime属性中日期与时间之间要用“T” 文字分隔，“T”表示时间 -->
<time datetime="2013-3-6T20:00">2014年3月6日20:00</time>
<br/>
<!-- 时间加上“Z”表示给机器编码时使用UTC标准时间 -->
<time datetime="2013-3-6T20:00Z">2014年3月6日20:00</time>
</aside>
</body>
</html>[Kursus yang disyorkan: Tutorial video HTML5, Tutorial pengenalan bahagian hadapan web]
Atas ialah kandungan terperinci Apakah elemen struktur utama html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
