HTML5 新元素

w3school 在线教程

## HTML 基础教程

- HTML 教程
- HTML 简介
- HTML 编辑器
- HTML 基础
- HTML 元素
- HTML 属性
- HTML 标题
- HTML 段落
- HTML 样式
- HTML 格式化
- HTML 引用
- HTML 计算机代码
- HTML 注释
- HTML CSS
- HTML 链接
- HTML 图像
- HTML 表格
- HTML 列表
- HTML 块
- HTML 类
- HTML 布局
- HTML 响应式设计
- HTML 框架
- HTML 内联框架
- HTML 背景
- HTML 脚本
- HTML 头部
- HTML 实体
- HTML URL
- HTML URL 编码
- HTML Web 服务器
- HTML 颜色
- HTML 颜色名
- HTML 文档类型
- HTML 速查手册

## HTML XHTML

- XHTML 简介
- XHTML 元素
- XHTML 属性

## HTML 表单

- HTML 表单
- HTML 表单元素
- HTML 输入类型
- HTML 输入属性

## HTML5

- HTML5 简介
- HTML5 支持
- HTML5 元素
- HTML5 语义
- HTML5 迁移
- HTML5 代码约定

## HTML 图形

- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG

## HTML 媒体

- HTML 媒体
- HTML 对象
- HTML 音频
- HTML 视频

## HTML API

- HTML5 地理定位
- HTML5 拖放
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 SSE

## 实例/测验/总结

- HTML 实例
- HTML 测验
- HTML 总结

## HTML 参考手册

- HTML 标签列表
- HTML 属性
- HTML 事件
- HTML 合法 DTD
- HTML 颜色名
- HTML 字符集
- HTML ASCII
- HTML ISO-8859-1
- HTML 符号
- HTML URL 编码
- HTML 语言代码
- HTML 消息

## HTML5

- HTML5 教程
- HTML5 参考手册

## 建站手册

- 网站构建
- 万维网联盟 (W3C)
- 浏览器信息
- 网站品质
- 语义网
- 职业规划
- 网站主机

## 关于 W3School

## 帮助 W3School

## 广告刊例

# HTML5 新元素

- HTML5 支持
- HTML5 语义

## HTML5 中的新元素

下面列出的 HTML5 的新元素，以及对它们的描述。

## 新的语义/结构元素

HTML5 提供的新元素可以构建更好的文档结构：

标签 | 描述
--- | ---
<article> | 定义文档内的文章。
<aside> | 定义页面内容之外的内容。
<bdi> | 定义与其他文本不同的文本方向。
<details> | 定义用户可查看或隐藏的额外细节。
<dialog> | 定义对话框或窗口。
<figcaption> | 定义 <figure> 元素的标题。
<figure> | 定义自包含内容，比如图示、图表、照片、代码清单等等。
<footer> | 定义文档或节的页脚。
<header> | 定义文档或节的页眉。
<main> | 定义文档的主内容。
<mark> | 定义重要或强调的内容。
<menuitem> | 定义用户能够从弹出菜单调用的命令/菜单项目。
<meter> | 定义已知范围（尺度）内的标量测量。
<nav> | 定义文档内的导航链接。
<progress> | 定义任务进度。
<rp> | 定义在不支持 ruby 注释的浏览器中显示什么。
<rt> | 定义关于字符的解释/发音（用于东亚字体）。
<ruby> | 定义 ruby 注释（用于东亚字体）。
<section> | 定义文档中的节。
<summary> | 定义 <details> 元素的可见标题。
<time> | 定义日期/时间。
<wbr> | 定义可能的折行（line-break）。

阅读更多有关 HTML5 语义的内容。

## 新的表单元素

标签 | 描述
--- | ---
<datalist> | 定义输入控件的预定义选项。
<keygen> | 定义键对生成器字段（用于表单）。
<output> | 定义计算结果。

阅读更多有关 HTML 表单元素中新老元素。

## 新的输入类型

新的输入类型 | 新的输入属性
--- | ---

- color
- date
- datetime
- datetime-local
- email
- month
- number
- range
- search
- tel
- time
- url
- week

- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height 和 width
- list
- min 和 max
- multiple
- pattern (regexp)
- placeholder
- required
- step

学习 HTML 输入类型中的所有新老输入类型。

学习 HTML 输入属性中的所有输入属性。

## HTML5 - 新的属性语法

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

该例演示 <input> 标签中使用的不同语法：

标签 | 描述
--- | ---
Empty | <input type="text" value="John Doe" disabled>
Unquoted | <input type="text" value=John>
Double-quoted | <input type="text" value="John Doe">
Single-quoted | <input type="text" value='John Doe'>

在 HTML5 中，根据属性所需，可能会使用所有这四种语法。

## HTML5 图像

标签 | 描述
--- | ---
<canvas> | 定义使用 JavaScript 的图像绘制。
<svg> | 定义使用 SVG 的图像绘制。

阅读更多有关 HTML5 Canvas 的内容。

阅读更多有关 HTML5 SVG 的内容。

## 新的媒介元素

标签 | 描述
--- | ---
<audio> | 定义声音或音乐内容。
<embed> | 定义外部应用程序的容器（比如插件）。
<source> | 定义 <video> 和 <audio> 的来源。
<track> | 定义 <video> 和 <audio> 的轨道。
<video> | 定义视频或影片内容。

阅读更多有关 HTML5 视频的内容。

阅读更多有关 HTML5 音频的内容。

- HTML5 支持
- HTML5 语义