HTML5新增的非主体结构元素

最新推荐文章于 2022-03-30 18:44:33 发布

乞力马扎罗的雪CYF

最新推荐文章于 2022-03-30 18:44:33 发布

阅读量1.8k

点赞数 1

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/chenyufeng1991/article/details/48805155

版权

HTML5 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

1.header元素：

header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格，搜索表单或相关的logo图片。header元素可以出现多次。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>header元素</title>
</head>
<body>

    <header>
        <h1>IT最新技术</h1>
        <a href="http://www.baidu.com">百度</a>
        <nav>
            <ul>
                <li><a href="#">学习</a></li>
                <li><a href="#">技术</a></li>
                <li><a href="#">开发</a></li>
            </ul>

        </nav>
    </header>

</body>
</html>

2.footer元素

footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等。

3.hgroup元素

hgroup元素是将标题及其子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组，比如一个内容区块的标题及其子元素算一组。

4.address元素

address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字，他们的网站链接，电子邮箱，真实地址，电话号码等。address应该不止用来呈现电子邮箱或真实地址，还用来展示文档相关的联系人的所有联系信息。

github主页：https://github.com/chenyufeng1991 。欢迎大家访问！