HTML5 footer元素

footer元素

footer元素代表整个页面、文章或区域的页脚（或脚注），常常位于页面或内容块的结尾，通常包含页面或内容块的脚注信息，如作者、版权、相关文档的链接、联系信息等。

如果 footer元素是 body 元素的子元素，它就成为整个文档的页脚，通常出现在页面的结尾，并包含一组链接、版权、许可协议等信息。如：

<body>
<footer>
<p>
<a href="">关于我们</a> |
<a href="">联系我们</a> |
<a href="">网站地图</a> |
<a href="">诚聘英才</a> |
<a href="">商务合作</a>
</p>
<p>Copyright © 2016</p>
</body>

运行结果如图 2‑3 所示：

图2-3 网站页脚

如果 footer元素是 article 或 section 元素的子元素，它就成为文章或内容块的脚注，其中可以包含相关文章的链接、文章的发布日期、分类等。如，可以用来显示“上一篇”、“下一篇”的链接：

<article>
...
<footer>
<a href="#">上一篇</a> | <a href="#">下一篇</a>
</footer>
</article>

HTML5 footer元素相关推荐

html页面的header,HTML5教程 | HTML5 header和footer元素
header HTML5 header元素是一个页面的头部的语义标记,或者它也可以是article元素的一部分. 例如下面的图中,header元素是作为一个页面的头部来使用. 使用header元素的H ...
html5中footer元素的作用,html5 footer标签怎么用？footer标签的用法实例
本篇文章主要的为大家介绍了关于HTML5 footer标签的使用方法,有布局之类的知识,纯html编辑,不需要会css,好了,现在让我们来看看这篇关于html5 footer标签的文章吧首先我们先看 ...
html footer写法,HTML5 footer标签元素 css3布局教程
HTML5 标签元素新增html5底部footer元素标签,对html 5新增footer标签根底认识到了解footer css组织教程做到真正掌控与认识记得我们在畴前html5版本夙昔机关网页底 ...
HTML5新布局元素布局,HTML5新的布局元素
HTML5相对于HTML4新增了一些布局元素新增布局标签的优点: ⒈更加注重文档的结构内容而不是以什么形式展现出来 ⒉对人的友好,更加语义化,增加代码的可读性 ⒊对计算机友好,浏览器更容易解析新增 ...
下列不属于html5语义元素,HTML5 新的语义元素
HTML5 提供了新的语义元素来明确一个Web页面的不同部分: HTML5中新的语义元素 HTML5 元素标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 根据W ...
HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素
新增的结构元素在 HTML5 中,新增了以下与结构相关的元素: section元素 section 元素表示页面中的一个内容区块,比如章节.页眉.页脚或页面中的其他部分. 它可以与h1.h2.h3. ...
HTML5语义元素的使用
传统页面的构造方法 <div class="Header"> <h1>因为痛,所以叫青春</h1> <p class="Teas ...
html5用语义元素做旅游网站,HTML5语义元素
语义元素 article,aside,nav,section,header,footer 上面这些语义元素不会给页面内容造成任何视觉上的改变,它们只是提供html文档的结构,供计算机和开发者读取和阅读 ...
那些是html5新增元素类型,HTML5 元素分类
HTML5 元素分类发布时间:2020-03-02 02:39:31 来源:51CTO 阅读:547 作者:双士之心 HTML5元素分类:结构性元素.级块性元素.行内语义性元素.交互性元素. 目的: ...

HTML5 footer元素

footer元素

HTML5 footer元素相关推荐

最新文章

热门文章