Apakah elemen struktur utama html5
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.
elemen artikel
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>elemen bahagian
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.
elemen nav
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>elemen ketepikan
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
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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1393
52
1207
24
Sempadan Jadual dalam HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.
Jadual Bersarang dalam HTML
Sep 04, 2024 pm 04:49 PM
Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.
HTML jidar-kiri
Sep 04, 2024 pm 04:48 PM
Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.
Susun Atur Jadual HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.
Pemegang Tempat Input HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.
Memindahkan Teks dalam HTML
Sep 04, 2024 pm 04:45 PM
Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.
Senarai Tertib HTML
Sep 04, 2024 pm 04:43 PM
Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing
Butang onclick HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.
