HTML5新增语义元素
2017-12-13 17:18
239 查看
<selection>
<selection>是一个“通用文档”。可以使用<selection>将文档标记为HTML,或者还可以包围HTML。但<selection>并不是一个通用容器,<div>才是。另外,只有对元素分组来指定样式时才使用<div>。
<article>
<article>是一个自包含的内容块,适用于博客文章和新闻。
<header>
<header>放在<section>和<article>之类的元素的最前面。还可以在体的最前面使用<header>为页面创建主页眉。
<footer>
<footer>放在其他元素的最下面。比如<selection>、<article>和<div>。页面上可以有多个<footer>,只要页面中某一节需要有脚注内容(如一篇文章的作者介绍或参考文献),都可以使用这个元素。
<hgroup>
<header>可以包含与首部相关的任何元素。<hgroup>专用于归组<header>中的标题(<h1>…<h6>)。对于建立大纲很有帮助。
<nav>
<nav>用于导航和链接。不过不仅是单个链接,如果有一组链接,也可以使用<nav>,比如网站的导航或者博客链接,不能用于段落中的链接。
<aside>
<aside>适用于页面主结构之外的大块内容,比如旁注、引述或后来添加的内容。
<time>
<time>用来标记时间。
<progress>
<progress>表示完成一个任务的进度如何。使用这个元素,与javascript和CSS结合,可以实现一些不错的效果。
<abbr>
<abbr>单词的缩写。
<mark>
<mark>用来标记单词,比如,用来突出显示或者完成编辑。这个元素很适用于搜索引擎结果。
<selection>是一个“通用文档”。可以使用<selection>将文档标记为HTML,或者还可以包围HTML。但<selection>并不是一个通用容器,<div>才是。另外,只有对元素分组来指定样式时才使用<div>。
<article>
<article>是一个自包含的内容块,适用于博客文章和新闻。
<header>
<header>放在<section>和<article>之类的元素的最前面。还可以在体的最前面使用<header>为页面创建主页眉。
<footer>
<footer>放在其他元素的最下面。比如<selection>、<article>和<div>。页面上可以有多个<footer>,只要页面中某一节需要有脚注内容(如一篇文章的作者介绍或参考文献),都可以使用这个元素。
<hgroup>
<header>可以包含与首部相关的任何元素。<hgroup>专用于归组<header>中的标题(<h1>…<h6>)。对于建立大纲很有帮助。
<nav>
<nav>用于导航和链接。不过不仅是单个链接,如果有一组链接,也可以使用<nav>,比如网站的导航或者博客链接,不能用于段落中的链接。
<aside>
<aside>适用于页面主结构之外的大块内容,比如旁注、引述或后来添加的内容。
<time>
<time>用来标记时间。
<progress>
<progress>表示完成一个任务的进度如何。使用这个元素,与javascript和CSS结合,可以实现一些不错的效果。
<abbr>
<abbr>单词的缩写。
<mark>
<mark>用来标记单词,比如,用来突出显示或者完成编辑。这个元素很适用于搜索引擎结果。
相关文章推荐
- HTML5新增的语义元素、JS常用对象
- [HTML5]:HTML5新增多媒体元素和结构语义元素
- Html5新增语义结构元素:article section aside nav header hgroup footer time
- HTML5 CSS3元素富有更细致的语义
- HTML5新语义元素_部分
- html5 新增元素属性和废除的元素
- HTML5新增的主体结构元素
- HTML5教程:3.1 新增的主体结构元素
- HTML5学习笔记2013.1.5——新增元素之多媒体元素及其他
- HTML5 新语义元素的浏览器兼容问题
- WEB前端之HTML5[3]~HTML5 表单新增表单元素与属性
- HTML5新增的元素属性及废除的元素属性
- html5新增主体结构元素之nav
- H5新增的块级的语义元素
- 繁星H5之旅-HTML5表单新增元素与属性
- html5中新增非主体结构元素
- HTML5表单新增元素与属性 (续)
- Html5新增的元素
- html5中新增的主题元素标签