Apakah teg pengepala baharu dalam html5-Soal Jawab bahagian hadapan-php.cn

Apakah teg pengepala baharu dalam html5

青灯夜游

Lepaskan： 2021-12-16 17:51:32

asal

3028 orang telah melayarinya

Teg pengepala baharu dalam html5 ialah "pengepala". Teg pengepala boleh mentakrifkan pengepala (maklumat pengenalan) dokumen Ia adalah elemen struktur dengan fungsi panduan dan navigasi Ia sering digunakan untuk mewakili beberapa kata pengantar atau kandungan navigasi, dan juga boleh meletakkan beberapa seperti Elemen untuk logo, kotak carian, dsb.

Apakah teg pengepala baharu dalam html5

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

Teg pengepala baharu dalam html5 ialah "pengepala".

Teg pengepala boleh mentakrifkan pengepala (maklumat pengenalan) dokumen. Elemen

digunakan untuk mewakili beberapa mukaddimah atau kandungan navigasi. Ia boleh mengandungi beberapa elemen tajuk dan juga boleh meletakkan beberapa elemen seperti logo, kotak carian atau elemen

Elemen pengepala ialah elemen struktur dengan fungsi panduan dan navigasi Ia biasanya digunakan untuk meletakkan tajuk keseluruhan halaman atau blok kandungan dalam halaman, tetapi ia juga boleh mengandungi kandungan lain, seperti meletakkan. ia dalam pengepala imej logo, borang carian, dsb.

Nota: Tiada had kepada bilangan pengepala yang boleh muncul pada halaman, yang bermaksud kita boleh menambah elemen pengepala pada blok kandungan yang berbeza pada halaman yang sama.

Arahan penggunaan: Elemen

bukan elemen yang boleh membentuk kandungan perenggan, jadi ia tidak perlu dicerminkan direktori kandungan.

Penggunaan elemen pengepala:

Mari kita lihat penggunaan elemen pengepala berdasarkan gambar:

Apakah teg pengepala baharu dalam html5

Apa yang dibungkus dalam wireframe hitam adalah halaman web kami Terdapat tajuk halaman web di dalam halaman web di bawah tajuk halaman web kami adalah tajuk artikel dan kawasan kandungan teks Tajuk artikel semuanya menggunakan elemen pengepala.

Mari kita tunjukkan bersama:

<body>
<header>
<h1>网页标题</h1>
</header>
<article>
<header>
<h1>文章标题</h1>
</header>
<p>文章正文部分</p>
</article>
</body>

Salin selepas log masuk

Gambar demonstrasi kesan elemen pengepala:

Apakah teg pengepala baharu dalam html5

Dalam HTML5, elemen pengepala Ia boleh mengandungi sekurang-kurangnya satu elemen tajuk (h1-h6), ia juga boleh memasukkan elemen hgroup yang akan kita pelajari dalam pelajaran seterusnya, dan ia juga boleh memasukkan elemen lain Dalam standard W3C HTML5 baharu, kita juga boleh memasukkan elemen NAV.

Apakah teg pengepala baharu dalam html5

Mari kita laksanakan contoh pengepala dalam gambar di atas:

<style>
*{
Margin:0;
Padding:0;
}
Body{
Font-family:微软雅黑;
Text-algin:center;
}
A{
Color:#f60;
Text-decoration:none;
}
Hgroup{
Margin-bottom:10px;
}
Nav{
Height:48px;
Backgroud:#ff6600;
}
Nav li{
Float:left;
Backgroud:#000000;
Border-radius:5px;
Padding:5px 10px;
Margin:10px;
List-style:none;
}
</style>

<body>
<header>
<hgroup>
<h1>HTML5视频教程</h1>
<a href=”/”>[手机版]</a>
<a href=”/”>[HTML5论坛]</a>
</hgroup>
<nav>
<ul>
<li><a href=”/”>首页</a></li>
<li><a href=”/”>手机版</a></li>
<li><a href=”/”>论坛</a></li>
</ul>
</nav>
</header>
</body>

Salin selepas log masuk

Demonstrasi kesan akhir:

Apakah teg pengepala baharu dalam html5

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Apakah teg pengepala baharu dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!