h5新增非主体元素address、

来源:互联网 发布:mac怎么做苹果铃声 编辑:程序博客网 时间:2024/05/17 08:33

html5结构

大纲编排规则:

显示编排内容:使用section等元素创建文档结构
隐示编排内容:不明确使用section等元素,而是根据网页需求使用h1-h6、hgroup等把各级区域块创建出来
标题分级:h1-h6
不同区域块可使用相同标题
如下为网页编排示例:
<header><h1>编排示例</h1><nav><ul><li><a href="#">首页</a></li></ul></nav></header><article><hgroup><h1>主标题</h1><h2>子标题</h2></hgroup><p>正文</p><section><div><article><h1>评论标题</h1><p>评论正文</p></article></div></section><footer><small>版权</small></footer></article>

address元素

用来在文档中呈现联系信息,包括文档作者、文档维护者的名字、连接网址、邮箱、真实地址、号码等。此外,还用来展示跟文档相关的联系人的所有联系信息。

footer元素

可以作为其上层父级内容区块或一个跟区块的脚注。通常包括其相关区块的脚注信息,如作者、相关阅读连接、版权等。

<footer><ul><li><a href="#">第一个</a></li></ul></footer><article><footer>这是一个文章的底部</footer></article><section><footer>我也是底部</footer></section>

hgroup元素

是将标题以及其子标题进行分组的元素。该元素通常会将h1-h6元素进行分组,比如一个内容块的标题以及其子元素算一组。

<article><header><hgroup><h1>标题1</h1><h2>子标题</h2></hgroup></header></article>

header元素

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








原创粉丝点击