HTML5基础（三）-白红宇

HTML5基础（三）

阅读量：6319 次

发布时间：2019-06-22

本文共 2227 字，大约阅读时间需要 7 分钟。

新增的非主体结构元素

1、header元素

header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他的内容，比如在header里面放置logo图片、搜索表单等等。

注意：一个页面内并没有限制header的出现次数，也就是说我们可以在同一页面内，不同的内容区块上分别加上一个header元素。

在HTML5中，一个header元素至少可以包含一个heading元素（h1-h6），也可以包括我们下节课将要学习的hgroup元素，还可以包括其他的元素，在新的W3C HTML5标准，我们还可以把NAV元素包括进去。

</header>

</header>

<p>文章正文部分</p>

</article>

<html>

<style>

margin: 0;

padding: 0;

}

body{

font-family: 微软雅黑;

text-align: center;

}

color: #f60;

text-decoration: none;

}

hgroup{

margin-bottom: 10px;

}

nav{

height: 48px;

background: #ff6600;

}

nav li{

float: left;

background: #000000;

border-radius: 5px;

padding: 5px 10px;

margin: 10px;

list-style: none;

}

</style>

</head>

<body>

</hgroup>

<nav>

<ul>

<li>

</li>

<li>

</li>

<li >

</li>

</ul>

</nav>

</header>

</body>

2、hgroup元素

hgroup元素是将标题和他的子标题进行分组的元素。hgroup元素一般会把h1-h6的元素进行分组，比如在一个内容区块的标题和他的子标题算是一组。

通常情况下，文章只有一个主标题时，是不需要hgroup元素的。

<h1>文章主标题</h1>

<h2>文章子标题</h2>

</hgroup>

</header>

</article>

<h1>文章主标题</h1>

<h2>文章子标题</h2>

</hgroup>

</header>

</article>

3、footer元素

footer元素可以作为他的上层父级内容区块或是一个根区块的注脚。footer元素一般情况下包括与它相关的区块的注脚信息，比如作者、版权信息等。

注意：footer元素和我们前面所讲的header元素一样，并没有限制他的个数。并且footer元素可以为article元素或者section元素添加footer元素。

文章的脚步注释

</footer>

</article>

文章的脚步注释

</footer>

</section>

<p>

<a href="/">版权信息</a>|

<a href="/">关于我们</a>|

<a href="/">联系我们</a>|

<a href="/">站点地图</a>|

</p>

</footer>

4、address元素

address元素用来在页面中呈现联系信息，包括文档的作者、邮箱、地址、电话信息等。

address元素还用来展示和文章中的相关的联系人的所有联系信息。

<a href="/" title="binperson">binperson</a>

重庆市高新区天府软件园D区D5栋504室

</address>

时间：<time datetime="2014-10-11">2014年10月11日</time>

</footer>

转载于:https://www.cnblogs.com/binperson/p/5495957.html

你可能感兴趣的文章

Mysql里查询字段为Json格式的数据模糊查询以及分页方法

查看>>

将 Shiro 作为应用的权限基础

查看>>

对于委托、事件、观察者模式最一目了然的代码段

查看>>

Flutter - 路由管理 - 02 - Fluro

如何将iPhone微信资料显示地区修改为“中国”

查看>>

8年前端开发的知识点沉淀(不知道会多少字，一直写下去吧...)