HTML5新元素



在HTML5中新的元素

下面是一个新的HTML5元素,并描述他们用来做什么.


新语义/结构元素

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

标签 描述
<article> 定义文档中的文章
<aside> 从页面内容中定义边栏内容
<bdi> 定义可能与其他文本以不同方向格式化的文本的一部分
<details> 定义用户可以查看或隐藏的其他详细信息
<dialog> 定义对话框或窗口
<figcaption> 为<figure> 元素定义一个标题
<figure> 定义一个自包含内容,, 像 插图, 图表, photos, 代码列表等.
<footer> 为文档或节定义页脚
<header> 文档或节定义页眉
<main> 定义文档的主要内容
<mark> 定义标记或突出文本
<menuitem>  定义一个命令或菜单项,用户可以从一个弹出式菜单调用
<meter> 在已知范围内定义标量测量(量规)
<nav> 定义文档中的导航链接
<progress> 定义任务的进度
<rp> 定义不支持Ruby注释的浏览器中显示的内容
<rt> 义字符的解释/发音(东亚印刷)
<ruby> 定义ruby注释(东亚印刷)
<section> 定义文档中的一节
<summary> 定义可见标题 为 a <details> 元素
<time> 定义日期/时间
<wbr> 定义可能的换行符

阅读更多关于HTML5 语义元素.


新的表单元素

标签 描述
<datalist> 定义输入控件的预定义选项
<keygen> 定义密钥对生成器字段(用于表单)
<output> 定义计算结果

阅读更多新旧 HTML 表单元素.


新的输入类型

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

学习所有旧的和新的输入类型尽在 HTML Input 类型.

学习所有关于输入属性尽在 HTML Input 属性.


HTML5 -新属性语法

HTML5 允许四种不同的属性语法.

这个例子演示了使用一个不同的语法在 <input> 标签中:

Type Example
<input type="text" value="John" disabled>
不带引号 <input type="text" value=John>
双引号 <input type="text" value="John Doe">
单引号 <input type="text" value='John Doe'>

在HTML5中,所有四个语法可以使用,这取决于属性的需要.


HTML5 图形

标签 描述
<canvas> 使用JavaScript画图
<svg> 绘制可伸缩矢量图形

阅读更多关于 HTML5 Canvas.

阅读更多关于 HTML5 SVG.


新多媒体元素

标签 描述
<audio> 定义声音内容
<embed> 定义外部应用程序的容器 (像 plug-ins)
<source> 定义 <video> and <audio>的源
<track> 定义<video> and <audio>的轨迹
<video> 定义视频或电影内容

阅读更多关于 HTML5 视频.

阅读更多关于 HTML5 音频.