HTML5

SVG 意为可缩放矢量图形（Scalable Vector Graphics）。SVG 使用 XML 格式定义图像。

 <svg> <circle r="50" cx="50" cy="50" fill="green"/> </svg>（形成一个圆）

section元素描绘的是一个文档或者程序里的普通的section节，一般来说一个section包含一个head和一个content内容块。

article代表了一个文档内容的独立片段。

article 是一个特殊的 section 标签，它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容块

<aside>元素标签用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组，以及其他类似的有别与主要内容的部分。

<hgroup> 标签用于对网页或区段（section）的标题进行组合。

header元素是一种具有引导和导航作用的辅助元素。

address元素用来在文档中呈现联系信息，包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等；address不只是用来呈现电子邮箱或真实地址这样的“地址”概念，而应该包括与文档创建人相关的各类联系方式信息。

nav元素是一个可以用来作为页面导航的链接组。

<video> 标签定义视频，比如电影片段或其他视频流。（<video> 元素支持三种视频格式：MP4、WebM、Ogg。）

video常用属性：

1. Autoplay: 用来设定视频是否在页面加载后自动播放。
2. Src: 为视频指定文件链接或下载路径，当浏览器不支持<video>标签或发生某种播放错误时，可以提供给用户进行下载。
3. Autobuffer: 用来设定视频是否自动缓冲；如果设定，那么页面加载之后，视频会自动下载缓冲，当用户点击播放按钮后，至少已经有一部分视频可以直接观看而无需等待了。
4. Poster: 用来为视频设置一个“相框默认图片”性质的背景图片；当视频无法正常加载播放时可以向用户呈现。
5. Controls: 用来设置是否为视频添加控制条，例如“播放”、“暂停”等；控制条的外观可以自定义。
6. Loop: 用来设置视频是否循环播放。
7. Width , Height: 用来控制视频的宽度与高度。

<audio> 标签定义声音，比如音乐或其他音频流。

 

audio元素标签的一些常用属性：

 

1. src：音频文件路径。
2. autobuffer：设置是否在页面加载时自动缓冲音频。
3. autoplay：设置音频是否自动播放。
4. loop：设置音频是否要循环播放。
5. controls：设置是否显示播放控制面板。

meter元素标签用来表示范围已知且可度量的等级标量或分数值，如磁盘使用量比例、关键词匹配程度等。需要注意的是，<meter>不可以用来表示那些没有已知范围的任意值，例如重量、高度，除非已经设定了它们值的范围。

<meter>元素共有6个属性：

1. Value：表示当前标量的实际值；如果不做指定，那么<meter>标签中的第一个数字就会被认为是其当前实际值，例如<meter>2 out of 10</meter>中的“2”；如果标签内没有数字，那么标量的实际值就是0。
2. Min：当前标量的最小值；如不做指定则为0。
3. Max：当前标量的最大值；如不做指定则为1；如果指定的最大值小于最小值，那么最小值会被认为是最大值。
4. Low：当前标量的低值区；必须小于或等于标量的高值区数字；如果低值区数字小于标量最小值，那么它会被认为是最小值。
5. High：当前标量的高值区。
6. Optimum：最佳值；其范围在最小值与最大值区间当中，并且可以处于高值区。
7. <meter>标签中的内容可以不包含任何数字，这时最大值会被认为是1；

datalist 与 input 的新属性list一起使用可以创建组合框，双击input的时候可以提供选项让用户选择，类似历史记录一样。

<keygen> 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。

HTML5为input的type类型增加了多种枚举值，用来表达不同的意思，同事具有验证功能，如果格式不对，浏览器将原始提供错误提示

Keyword	Data type
hidden	任意字符
text	单行文本
search	单行文本
tel	单行文本
url	绝对地址
email	一个或多个email地址
password	单行文本
datetime	带有时区的时间
date	无时区的年月日时间
month	无时区的年月
week	无时区的周数
time	无时区的时间（小时，分钟，秒，毫秒）
datetime-local	无时区的日期与时间
number	数字值
range	范围：<input type="range" min=0 max=100 step=20 value=50>
color	8-bit表示的颜色
checkbox	checkbox
radio	radio
file	文件
submit	提交按钮
image	图片按钮
reset	n/a
button	n/a

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

a和area下的media属性为了和link元素保存一致性，a元素和area元素也都增加了media属性，只有在href存在时菜有效。media属性的意思是目标 URL 是为何种媒介/设备优化的，默认值是all

area下的hreflang, type, rel属性

属性	值	描述
hreflang	language_code	规定目标 URL 的语言
media	media query	规定目标 URL 是为何种媒介/设备优化的
rel	alternate, author, bookmark, external, help, license, next, nofollow, noreferrer, prefetch, prev, search, sidebar, tag	规定当前文档与目标 URL 之间的关系
type	mime_type	规定目标 URL 的 MIME 类型

 

 

 

 

 

 

 

base下的target属性：target 属性规定在何处打开页面上的所有链接。为页面上所有链接规定默认目标：

base下的target属性和a的target属性是一样的，目的很多老版本浏览器早就一起支持了。

注1：target必须在所有连接元素之前声明。

注2：如果声明多个，以第一个为准。

autofocus属性HTML5为input, select, textarea和button元素增加了一个autofocus属性（hidden的input不能使用），它提供了一种声明式的方式来定义当页面load以后，焦点自动作用于当前元素上

一个页面声明一次autofocus属性。

 

placeholder属性input和textarea元素新增加了placeholder属性，该属性是提升用户输入内容。当用户点击的时候，该内容文本自动消失，离开焦点并且值为空的话，再次显示

 

form属性form属性（不是<form>元素），是一个划时代的属性，它允许你将<form>表单里的表单控件声明在表单外门，只需要在相应的控件上设置form属性为指定的<form>表单的id就行了，不需要非得把元素声明在<form>元素里

支持该属性的元素有：input, output, select, textarea, button, label, object和fieldset。