HTML5新元素

New Semantic/Structural Elements(新的语义/结构性元素)####

HTML5为了更好的文档结构提供了新元素

Tag Description
在文档中定义文章
定义页面内容侧边栏的内容
定义文本的文本方向,使其脱离其周围文本的方向设置。
命令按钮
元素细节
对话窗或者窗口
外部交互内容或者插件
figure元素的标题
定义媒介内容的分组,以及它们的标题。
定义 section 或 page 的页脚。
定义 section 或 page 的页眉。
文档的主要内容
被标记或者高亮的文本
定义用户可以从弹出菜单调用的命令/菜单项目。
预定义范围内的度量
文档中的导航链接
任务进度
浏览器不支持ruby注释时显示的内容
定义 ruby 注释的解释。
ruby注释
在文档中定义section区块
为detail元素定义一个明显的标题
时间/日期
规定在文本中的何处适合添加换行符。

New Form Elements(新的表单元素)

Tag Description
定义下拉列表
定义生成密钥
定义输出的类型。

New Input Types(新的Input 类型)

New Input Types New Input Attributes
  • color
  • date
  • datetime
  • datetime-local
  • eamil
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formtarget
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern
  • placeholder
  • required
  • step

HTML5 ­ New Attribute Syntax(HTML5新的属性语法)

HTML5支持下面四种属性写法,采用哪一种取决于属性的需要。(以Input元素为例)

Tag Description
Empty
Unquoted
Double-quoted
Single-quoted

HTML5 Graphics(制图)

Tag Description
使用JavaScript画图的画布
使用SVG画图的图表

New Media Elements(新媒体元素)

Tag Description
定义声音或音乐内容
定义外部内容或插件
video与audio的sources
video与audio的tracks
定义视频或电影内容

你可能感兴趣的:(HTML5新元素)