HTML之新增的非主体结构元素
2018-01-20 22:52
351 查看
1.header元素(具有引导和导航作用的结构元素,放置整个页面或页面内的一个内容区块的标题。)
2.footer元素(作为其上层父级内容区域或是一个根区块的脚注。通常包含其相关区块的脚注信息,如作者、相关阅读链接及 版权信息等。)
3.hgroup元素是标题及其子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组,譬如一个内容区块的标题及其子元素算一组。
<article>
<header>
<hgroup>
<h1>这是标题</h1>
<h2>二级标题</h2>
</hgroup>
<p><time datetime="205-10-10">2015-10-10</time></p>
</header>
<div>
这是内容
</div>
<footer>
这是底部
</footer>
</article>当承载的标题过多的时候,我们可以用hgroup在区分。
4.address元素(用来 在文档中呈现联系信息,包括文档作者或文档维护者的名字、邮箱等。address可以用来
展示跟文档相关联系人的所有联系信息。)<address>
<a href="">时空</a>
<a href="">时空</a>
</address>
<footer>
<div>
<address>
<a href="">shikong</a>
changsha,china
</address>
<time datetime="2015-10-10">2015-10-10</time>
</div>
</footer>5.HTML5大纲编排的规则。
关于HTML的大纲编排,我们可以划分为“显式编排”和“隐式编排”两种方式。
1、显式编排
显式
9ee3
编排是指明确使用section元素进行分块来创建网页文档,每个内容区块内使用标题(h1~h6)
2、隐式编排
所谓的隐式编排,就是我们不使用section元素进行明确的区块划分,而是根据我们写的(h1-h6、hgroup等)元素进行自动创建区块,因为HTML5的分析器可以根据不同级别的标题判断出对应的内容区块。
3、标题分级
不同的标题有不同的级别,在(h1-h6)中h1的级别最高,而h6的级别最低。所以在隐式编排的情况下就会按照以下规则生成!
1)、如果出现新的标题比上一个标题级别低,那么将生成下级内容区块!
2)、如果新出现的标题比上面出现的一个标题级别高,或者两者级别相同,那么就生成新的内容区块!
4、不同的内容区块可以使用相同级别的标题
父内容区块与子内容区块都可以使用相同级别的H1标题
2.footer元素(作为其上层父级内容区域或是一个根区块的脚注。通常包含其相关区块的脚注信息,如作者、相关阅读链接及 版权信息等。)
3.hgroup元素是标题及其子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组,譬如一个内容区块的标题及其子元素算一组。
<article>
<header>
<hgroup>
<h1>这是标题</h1>
<h2>二级标题</h2>
</hgroup>
<p><time datetime="205-10-10">2015-10-10</time></p>
</header>
<div>
这是内容
</div>
<footer>
这是底部
</footer>
</article>当承载的标题过多的时候,我们可以用hgroup在区分。
4.address元素(用来 在文档中呈现联系信息,包括文档作者或文档维护者的名字、邮箱等。address可以用来
展示跟文档相关联系人的所有联系信息。)<address>
<a href="">时空</a>
<a href="">时空</a>
</address>
<footer>
<div>
<address>
<a href="">shikong</a>
changsha,china
</address>
<time datetime="2015-10-10">2015-10-10</time>
</div>
</footer>5.HTML5大纲编排的规则。
关于HTML的大纲编排,我们可以划分为“显式编排”和“隐式编排”两种方式。
1、显式编排
显式
9ee3
编排是指明确使用section元素进行分块来创建网页文档,每个内容区块内使用标题(h1~h6)
2、隐式编排
所谓的隐式编排,就是我们不使用section元素进行明确的区块划分,而是根据我们写的(h1-h6、hgroup等)元素进行自动创建区块,因为HTML5的分析器可以根据不同级别的标题判断出对应的内容区块。
3、标题分级
不同的标题有不同的级别,在(h1-h6)中h1的级别最高,而h6的级别最低。所以在隐式编排的情况下就会按照以下规则生成!
1)、如果出现新的标题比上一个标题级别低,那么将生成下级内容区块!
2)、如果新出现的标题比上面出现的一个标题级别高,或者两者级别相同,那么就生成新的内容区块!
4、不同的内容区块可以使用相同级别的标题
父内容区块与子内容区块都可以使用相同级别的H1标题
<header> <h1>标题</h1> <nav> <ul> <li><a href="">首页</a></li> <li><a href="">其他</a></li> </ul> </nav> </header> <article> <hgroup> <h1>主标题</h1> <h2>副标题</h2> </hgroup> <p>正文</p> <section> <div> <article> <h1>文章主题</h1> <h2>文章副标题</h2> </article> </div> </section> </article> <footer> <small>版权所有...</small> </footer>
相关文章推荐
- 【HTML5初涉】新增主体结构元素和非主体结构元素
- HTML5新增的非主体结构元素
- HTML5新增的非主体结构元素
- 记不住就存下来---- HTML 5 新增常用属性 之 文档结构元素
- HTML5教程:3.2 新增的非主体结构元素
- HTML5新增的非主体结构元素
- HTML5教程:3.2 新增的非主体结构元素
- HTML5新增的主体结构元素和非主体结构元素
- HTML5新增的主体元素和新增的非主体结构元素
- HTML5新增的非主体结构元素
- 新增的非主体结构元素
- HTML5新增的非主体结构元素:
- 【原】HTML5 新增的结构元素——能用并不代表对了
- html5新增主题结构元素之article
- 细谈HTML 5新增的元素
- HTML5新增的主体结构元素
- Html5(2)新增的结构元素 及 新增页面元素
- HTML&CSS之HTML文档结构/标签/元素
- 细谈HTML 5新增的元素
- HTML5学习笔记2013.1.1——新增元素之结构元素