HTML5 是 HyperText Markup Language 5 的缩写。HTML5是HTML 最新的HTML标准。HTML5在从前HTML4.01的基础上进行了一定的改进。2014年10月29日由万维网联盟(W3C)完成标准制定。
HTML5 拥有新的多媒体元素、语义以及图形。
HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
HTML5 是跨平台的,可在电脑端、平板电脑、手机端、电视机端等不同平台运行。
HTML5 完全支持 CSS3
HTML5 标准允许 4 种不同的属性语法。
类型 | 示例 |
---|---|
Empty | <input type="text" value="Bill Gates" disabled> |
Unquoted | <input type="text" value=Bill Gates> |
Double-quoted | <input type="text" value="Bill Gates"> |
Single-quoted | <input type="text" value='Bill Gates'> |
新的表单控件,比如数字、日期、时间、日历、滑块和自动验证。
强大的新 API,比如用本地存储取代 cookie。
以下的 HTML 4.01 元素在HTML5中已经被删除:
为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。
标签 | 描述 |
---|---|
<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> | 规定独立的流内容(图像、图表、照片、代码等等)。 |
定义 <figure> 元素的标题 | |
<footer> | 定义 section 或 document 的页脚。 |
<header> | 定义了文档的头部区域 |
<mark> | 定义带有记号的文本。 |
<meter> | 定义度量衡。仅用于已知最大和最小值的度量。 |
<nav> | 定义导航链接的部分。 |
<progress> | 定义任何类型的任务的进度。 |
<ruby> | 定义 ruby 注释(中文注音或字符)。 |
<rt> | 定义字符(中文注音或字符)的解释或发音。 |
<rp> | 在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。 |
<section> | 定义文档中的节(section、区段)。 |
<time> | 定义日期或时间。 |
<wbr> | 规定在文本中的何处适合添加换行符。 |
HTML5 有一些新的<form>和<input>的属性。
autocomplete
novalidate
新的输入类型 | 新的输入属性 |
---|---|
|
|
学习 HTML 输入类型中的所有新老输入类型。
学习 HTML 输入属性中的所有输入属性。
对任意标签都可以使用的,以下6个
data-*(可直接在标签里插入的:data-自定义属性名字)
hidden(直接放上去就是隐藏)
Spenllecheck(spellcheck="true" 语法纠错)
tabindex(tabindex="1" Tab跳转顺序)
contenteditable(contenteditable="true" 可编辑状态,单击内容,可修改)
desginMode(在JavaScript里插入的window.document.designMode = 'on' JavaScript的全局属性,整个页面的文本都可以编辑了 )
HTML5须有文档类型声明,非常简单:<!DOCTYPE html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML教程 http://www.xuandaima.com</title> </head> <body> 文档内容 </body> </html>