header元素和hgroup元素和footer元素和address元素

最新推荐文章于 2021-12-01 10:19:41 发布

会飞的蜗牛haha

最新推荐文章于 2021-12-01 10:19:41 发布

阅读量753

点赞数

分类专栏： HTML 文章标签：脚注作者版权信息

本文链接：https://blog.csdn.net/ziy10231207/article/details/51883564

版权

HTML 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

header元素：

是一种具有引导和导航作用的结构元素，通常用来放置在整个页面或者页面内的一个内容区块的标题，但是也可以包含其他内容，比如数据表格，

搜索表单或者其他的logo图片

hgroup元素:

是将标题及其子标题进行分组的元素，hgroup元素通常会将h1-h6元素进行分组，譬如一个内容区块的标题及其子标题算一组点击打开链接

<!DOCTYPE html>
<meta charset="utf-8">
<article>
	<header>
		<hgroup>
			<h1>文章主标题</h1>
			<h2>文章子标题</h2>
		</hgroup>
		<p><time datetime="2010-03-20">2010年10月29日</time></p>
	</header>
	<p>文章正文</p>
</article>

footer元素：

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

与header一样，一个页面中也不限制footer元素的个数，同时还可以为article元素或者section元素添加footer元素

文章内容

文章的脚注

</footer>

</article>

分段内容

分段内容的脚注

</footer>

</section>

address元素：

用来在文档中呈现联系信息，包括文档作者或者文档维护者的名字，他们的网站链接，电子邮箱，真实地址，电话号码

footer time address结合使用的例子

<!DOCTYPE html>
<meta charset="utf-8">
<footer>
	<div>
	<address>
		<a title="文章作者：呼呼" href="http://blog.sina.com.cn/itnewtech">呼呼</a>
		</address>发表于<time datetime="2010-10-04">2010年10月4日</time>
	</div>
</footer>

点击打开链接

会飞的蜗牛haha

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
header元素和hgroup元素和footer元素和address元素

header元素：是一种具有引导和导航作用的结构元素，通常用来放置在整个页面或者页面内的一个内容区块的标题，但是也可以包含其他内容，比如数据表格，搜索表单或者其他的logo图片hgroup元素:是将标题及其子标题进行分组的元素，hgroup元素通常会将h1-h6元素进行分组，譬如一个内容区块的标题及其子标题算一组点击打开链接文章主标题文章子标题
复制链接

扫一扫