HTML5 新标签

136 阅读2分钟

HTML5中的新元素

下面是新的HTML5元素的列表,以及它们的用途的描述。


####新的语义/结构元素

标签 描述
定义文章。
定义页面内容之外的内容。
定义文本的文本方向,使其脱离其周围文本的方向设置。
定义元素的细节。
定义对话框或窗口。
定义 figure 元素的标题。
定义媒介内容的分组,以及它们的标题。
定义 section 或 page 的页脚。
定义 section 或 page 的页眉。
定义文档的主要内容
定义有记号的文本。
定义用户可以从弹出菜单调用的命令/菜单项目。
定义预定义范围内的度量。
定义导航链接。
定义任何类型的任务的进度。
定义若浏览器不支持 ruby 元素显示的内容。
定义 ruby 注释的解释。
定义 ruby 注释。
定义 section。
元素定义可见的标题。
定义日期/时间。
定义可能换行。

了解更多关于HTML5语义


新的表单元素

标签 描述
定义下拉列表。
定义生成密钥。
定义输出的一些类型。

阅读所有关于新老表单元素HTML表单元素


新的输入类型

新的输入类型 新输入属性
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formvalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern(regexp)
  • placeholder
  • required
  • step

详细了解新旧输入类型 的HTML输入类型。 了解所有关于HTML输入属性


HTML5-新的属性语法

HTML5允许四种不同的语法属性: 这个例子演示了在标签的不同语法形式:

标签 描述
Empty(空)
Unquoted(没有引号)
Double-quoted(双引号)
Singlequoted(单引号)

在HTML5中,四个语法都可以使用,这取决于属性的需求是什么。


HTML5图形

标签 描述
定义使用JavaScript图形绘制图形。
定义使用矢量图绘制图形。

阅读更多关于HTML5 canvas。 阅读更多关于HTML5 SVG


####新媒体元素

标签 描述
定义声音内容。
定义外部交互内容或插件。
定义媒介源。
定义用在媒体播放器中的文本轨道。
定义视频。

阅读更多关于HTML5 。 阅读更多关于HTML5