HTML5结构标签
⼀、定义标题栏:header
header 元素是⼀种具有引导和导航作⽤的结构元素,通常⽤来放置整个页⾯或页⾯内的⼀个内容区块的标题,但也可以包含其他内容,因此整个页⾯的标题应该放在页⾯的开头。
header 定义⽂档的页眉,在⼀个⽹页中可以多次使⽤ header 元素。
语法&案例:
<header>
<h1>⽹页标题</h1>
</header>
<article>
<header>
<h2>⽂章标题</h2>
</header>
<p>⽂章正⽂</p>
</article>
⼆、定义标题组:hgroup
hgroup 元素可以为标题或者⼦标题进⾏分组,通常与 h1~h6 元素组合使⽤,⼀个内容块中的标题及其⼦标题可以通过hgroup 元素组成⼀组。但是,如果⽂章只有⼀个主标题,不需要此元素。
语法:
<header>
<hgroup>
<h1>主标题</h1>
<h2>副标题</h2>
</hgroup>
</header>
三、定义导航块:nav
nav 元素是⼀个可以⽤作页⾯导航的链接组,其中的导航元素链接到其他页⾯或当期页⾯的其他部分。只需要将主要的、基本的链接组放进 nav 元素即可。
语法:
<nav> 语义 :定义导航栏 </nav>
html ul标签四、定义侧边栏:aside
asdie 元素⽤来表⽰当前页⾯或⽂章的附属信息部分,可以包含当前页⾯或主要内容相关的引⽤、侧边栏,以及其他类似的有别于主要内容的部分。
主要由以下两种⽤法:
1、作为主要内容的附属信息部分
2、作为页⾯或站点全局的附属信息部分
语法:
<aside>定义其所处内容之外的内容</aside>
五、定义主要区域:main
main 元素表⽰⽹页中的主要内容。该区域应该为每⼀个⽹页中所特有的内容,不能包含整个⽹站的导航图、版权信息等整个⽹站内部的共同内容。
每个⽹页内部只能放置⼀个 main 元素。不能将 main 元素放置在任何 article、aside、footer、header 或 nav 元素内部。
语法:
<main>⽹页的主要内容</main>
六、定义⽂章块:article
article 元素⽤来表⽰⽂档、页⾯中独⽴的、完整的、可以独⾃被外部引⽤的内容。
语法:
<article> 语义: 定义⽂章</article>
七、定义内容块:section
section 元素⽤于对⽹站或应⽤程序中页⾯上的内容进⾏分区,section 元素关注内容的独⽴性。
语法:
<section> 语义:定义区域</section>
⼋、定义脚注栏:footer
footer 元素可以作为内容块的脚注,可以在内容块中添加注释,或者在⽹页中添加版权信息等。脚注信息有很多形式,如作者、相关阅读链接及版权信息等。
在页⾯中可以重复使⽤ footer 元素。
语法案例:
<footer>
<ul>
<li>关于</li>
<li>导航</li>
<li>联系</li>
</ul>
</footer>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论