HTML5技术

html5新增标签 - 一头小码农

字号+ 作者:H5之家 来源:H5之家 2017-06-14 09:00 我要评论( )

html5 1.声明 html5:万维网的核心语言、HTML规范的第五次重大修改。HTML5是HTML标准的下一个版本。 HTML5简化了很多细微的语法, 例如doctype的声明,你只需要写!doctype html 2.布局的语义化标签 article:标签装载显示一个独立的文章内容,例如一篇文章、

html5

1.声明

  html5:万维网的核心语言、HTML规范的第五次重大修改。HTML5是HTML标准的下一个版本。

  HTML5简化了很多细微的语法,  例如doctype的声明,你只需要写<!doctype html>

2.布局的语义化标签

  article:标签装载显示一个独立的文章内容,例如一篇文章、报导、小说。

  section :标签定义文档中的节(section、区段),例如一个小说中的一章节。

  aside:用来装载非正文类的内容,对于主题内容的说明。

  header :标签定义文档的页面头部,通常是一些引导和导航信息

  footer : 标签定义 section 或 document 的页脚

  nav :标签定义显示导航链接

  time:定义日期或时间,或者两者

  main:规定文档的主要内容  注:在文档中不能出现一个以上的<main>元素。

  progress:进度条 属性:max:进度完成值

              value:定义当前进度值

  mark:标记需要突出显示的文本

  使用场景:

 

  

3.媒体组合标签

figure>figcaption

  <figure>:标签包含独立的媒体内容,例如图像、图表、照片等等,以及对这些媒体的说明文字

  <figcaption>标签定义figure元素的标题(captio)

 

details>summary

  <details>标签用于描述文档或文档某个部分的细节,而这个细节并不需要文档加载时就展示,而是可以折叠。

属性:open定义details是否可见

  <summary>默认显示的details元素的标题

 

datalist>option

  输入框提示列表

  input的list属性值为datalist的id

 

 

 

 

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

相关文章
  • HTML的基本结构与标签的初步了解 - 君无药

    HTML的基本结构与标签的初步了解 - 君无药

    2017-06-13 18:02

  • Html5拖放 - SailrMoon

    Html5拖放 - SailrMoon

    2017-06-13 17:00

  • WebSocket+MSE——HTML5 直播技术解析 - 又拍云

    WebSocket+MSE——HTML5 直播技术解析 - 又拍云

    2017-06-07 17:00

  • HTML5笔记3——Web Storage和本地数据库 - 邹琼俊

    HTML5笔记3——Web Storage和本地数据库 - 邹琼俊

    2017-06-07 16:00

网友点评