html5学习笔记——2016/4

HTML5新增的结构元素：

section     article     aside     header     hgroup     footer     nav     figure

HTML5新增的其他元素：

video      audio          embed    mark       progress    time        ruby       rt    rp    wbr

canvas    command    details    datalist    datagrid    keygen    output    source     menu

HTML5新增的input元素的类型：

email      url      number      range      Date Pickers

HTML新增的属性：

表单相关的属性：autofocus      placeholder      form      required      novalidate

链接相关的属性：media           hreflang          rel         sizes            target

其他属性：reversed(ol)      charset(meta)       type,label(menu)    scoped(style)

　　　　   async(script)     manifest(html)     sandbox,seamless,srcdoc(iframe)

全局属性：contentEditable      isContentEditable      designMode      hidden

　　　　　spellcheck              tabindex

HTML5新增的主体结构元素：

section     article

article可以看成一种特殊种类的section元素，比section更强调独立性

section强调分段或分块

aside

表示当前页面或文章的附属信息部分

(1)被包含在article元素中作为主要内容的附属信息部分，其中的内容可以使与当前文章有关的参考资料、名词解释，等等；

(2)在article元素之外使用，作为页面或站点全局的附属信息部分。最典型的形式是侧边栏，其中的内容可以是友情链接，博客中其他文章列表、广告单元等。

nav

传统导航条    侧边栏导航    页内导航    翻页操作

HTML5网页结构

header：通常用来展示网站的标题、企业的logo、广告(flash等格式)、网站导航条，等

aside：通常用来展示与当前网页或整个网站相关的一些辅助信息，最常见的形式是侧边栏。例如，博客中的文章列表及评论；购物网站中的的商品清单、用户信息、购买历史；企业网站中的产品信息、联系方式、友情链接等

section：一个网页中要显示的主体内容。每个section都应该有一个标题来显示当前展示的主要内容的标题信息。每个section中通常还应包括一个或多个section元素或article元素，用来显示网页主体内容中每一个相对独立的部分

footer：通常用来放置网站的版权声明和备案信息等与法律相关的信息，也可以放置企业的联系电话、传真等联系信息

参考文档：《HTML5与CSS3权威指南》