HTML5技术

html5学习笔记——2016/4 - niuin

字号+ 作者:H5之家 来源:H5之家 2016-04-23 10:00 我要评论( )

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

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

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTTP协议学习随笔 - 糖醋酸辣椒

    HTTP协议学习随笔 - 糖醋酸辣椒

    2017-05-01 18:03

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

网友点评