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权威指南》