首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

html5的构造

2013-08-27 
html5的结构最近一直在看《html5与css3权威指南》这本书,后续会将看完本书的一些笔记详细的记录下来。?新增的

html5的结构

最近一直在看《html5与css3权威指南》这本书,后续会将看完本书的一些笔记详细的记录下来。

?

新增的主体结构元素

1.1 article元素代表文档、页面或应用程序中独立完整的,可以独自被外部引用的内容。

?有它自己的标题,有时还有自己的脚注。可以嵌套使用。内层内容原则上需要与外层内容想关联。

1.2 section元素对网站或应用程序中页面上的内容进行分块。

通常由内容及其标题组成。当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div。

article元素可以看成是一种特殊种类的section,比section更强调独立性。即section元素强调分段或分块,article强调独立性。

具体来说,如果一块内容独立,完整使用article,将一块内容分为几段使用section。

section使用禁忌

    不要将section用作设置样式的页面容器,那是div的工作。如果article元素,aside或nav更符合条件,不要用section。不要为没有标题的内容区块使用section元素。

1.3 nav元素 用作页面导航的链接组。一个页面可以有多个nav。

1.4 aside元素 当前页面或文字的附属信息部分。

它可以包含与当前页面或主要内容相关的引用,侧边栏,广告,导航条,以及其他类似的有别于主要内容的部分。

1.5 time元素与微格式

微格式是一种利用html的class属性来对网页添加附加信息的方法。

time元素表示24小时中的某个时刻或某个日期,表示时刻时允许带时差,它可以定义很多格式的日期和时间。eg:

<time datatime ="2013-08-15">2013年08月15日</time><time datatime ="2013-08-15T20:00">2013年08月15日晚上8点</time><time datatime ="2013-08-15T20:00+09:00">2013年08月15日晚上8点的美国时间</time>

?

1.6 pubdate属性 一个可选的,boolean值的属性,它可以用到article元素中的time元素上,表明哪个time元素代表了通知的发布日期。

?

新增的非主体结构元素

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

?

2.2hgroup元素 将标题及其子标题进行分组的元素。一个内容区块的标题及其子标题算一组。

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

?2.3 footer元素可以作为其上层父级内容区块或一个根区块的脚注。

?2.4? address元素 呈现联系信息。

<!DOCTYPE html><head><meta charset="utf-8"><title>address元素示例</title></head><address>      <a href=http://***>张三</a>     <a href=http://***>王二</a>     <a href=http://***>李四</a>  </address>

?

热点排行