HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 元素标签API大全

自1999年以来，HTML 4.01的出现已经改变了很多旧的HTML语法及特性，如今在HTML 4.01中的几个已经被废弃的元素标签，这些元素标签在HTML5中被删除或重新定义；为了更好地处理今天的互联网Web应用，HTML5添加了很多新元素标签及功能，来更好的适应如今的网络时代，如：图形绘制、多媒体处理、更好的页面结构、更好的代码组织形式处理、API拖放元素、定位、包括网页应用程序缓存、存储、网络工作者等。如下为HTML5中的标签列表：

画布 <canvas> 新标签
多媒体处理新元素
新表单元素
新的语义和结构元素
已移除的元素

画布 <canvas> 新标签

标签	描述
<canvas>	标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

多媒体处理新元素

标签	描述
<audio>	定义音频内容
<video>	定义视频（video 或者 movie）
<source>	定义多媒体资源 <video> 和 <audio>
<embed>	定义嵌入的内容，比如插件。
<track>	为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。

新表单元素

标签	描述
<datalist>	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<keygen>	规定用于表单的密钥对生成器字段。
<output>	定义不同类型的输出，比如脚本的输出。

新的语义和结构元素

标签	描述
<article>	定义页面独立的内容区域。
<aside>	定义页面的侧边栏内容。
<bdi>	允许您设置一段文本，使其脱离其父元素的文本方向设置。
<command>	定义命令按钮，比如单选按钮、复选框或按钮
<details>	用于描述文档或文档某个部分的细节
<dialog>	定义对话框，比如提示框
<summary>	标签包含 details 元素的标题
<figure>	规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption>	定义 <figure> 元素的标题
<footer>	定义 section 或 document 的页脚。
<header>	定义了文档的头部区域
<mark>	定义带有记号的文本。
<meter>	定义度量衡。仅用于已知最大和最小值的度量。
<nav>	定义导航链接的部分。
<progress>	定义任何类型的任务的进度。
<ruby>	定义 ruby 注释（中文注音或字符）。
<rt>	定义字符（中文注音或字符）的解释或发音。
<rp>	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
<section>	定义文档中的节（section、区段）。
<time>	定义日期或时间。
<wbr>	规定在文本中的何处适合添加换行符。

已移除的元素（在HTML5中已经被删除）

标签	描述
<acronym>	标记一个首字母缩写，通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息
<applet>	标签定义嵌入的 applet
<basefont>	规定页面上的默认字体颜色和字号
<big>	呈现大号字体效果
<center>	对其所包括的文本进行水平居中
<dir>	定义目录列表
<font>	规定文本的字体、字体尺寸、字体颜色
<frame>	定义 frameset 中的一个特定的窗口（框架）
<frameset>	定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档
<noframes>	为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部
<strike>	定义加删除线文本
<tt>	呈现类似打字机或者等宽的文本效果

作者文档