HTML结构元素

header元素:

header元素时一种具有引导和导航作用的结构元素

header元素通常用来放置整个页面或页面的一个内容区块的标题也可以包含网站logo图片,搜索表单,或者其它内容

header元素并非是head元素。在HTML网页中,并不限制header元素的一个数,一个网页中可以使用多个header元素,也可以为每一个内容块添加header元素

<header>
    <h1>你好,世界</h1>
    <h3>你好世界</h3>
</header>

HTML结构元素

nav元素

nav可以在多个场合使用比如:

1.传统导航条

2.侧边栏导航

3.页内导航

4.翻页导航

article元素:

<header>
<article>
    <header>
        <h2>第一章</h2>
    </header>
    <section>
        <header>
            <h2>第1节</h2>
        </header>
    </section>
    <section>
        <header>
            <h2>第2节</h2>
        </header>
    </section>
</article>
<article>
    <header>
        <h2>第二章</h2>
    </header>
</article>
</header>

HTML结构元素

aside元素:

aside元素用来定义当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用,侧边框,广告,导航条。

<article>
    <header>
        <h1>标题</h1>
    </header>
    <section>文章主要内容</section>
</article>
<aside>右侧菜单</aside>

HTML结构元素

 

上一篇:Charles修改ip,请求的URL添加Header方法


下一篇:Nginx 安装 SSL 配置 HTTPS 超详细完整教程全过程