html5学习笔记——2016/4

时间:2023-03-08 22:40:42
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权威指南》