HTML5新特性

语义化标签

• header 头部内容
• nav 导航
• article 文章
• section 段落
• sidebar 边角内容
• footer 底部内容

语义化标签的引入，丰富了整个网页，更加方便了了机器读取整个网页的内容

表单的增强内容

input的type属性扩充

• tel 电话号码
• url 网址
• email 邮箱
• date 日期

<input type="date">

• color 颜色

<input type="color">

• number

<input type="number">

• range 范围，min 最小 max 最大 step 间隔

<input type="range" min="0" max="10" step="2" value="4">

• week

<input type="week">

表单的验证

表单的验证和之前基本是一样的

• required 必须属性

<form>
	<input type="tel"  required/>
	<input type="submit" value="提交" /> 
</form>

• autofocus 默认焦点，网页加载完毕的焦点位置

<input type="tel" autofocus required/>

• placeholder 提示文字

<input type="tel" placeholder="请输入手机号码" autofocus required/>

• pattern
• title
  pattern正则格式，title如果验证错了输入的文字

		<form>
			<input type="tel" placeholder="请输入手机号码" pattern="1[3-8][0-9]{9}" title="请输入正确的手机号码" autofocus required/>
			<input type="submit" value="提交" /> 
		</form>

新增属性

• contenteditable
  允许一个普通的元素内容被修改

<p contenteditable="true">你好</p>

• progress 进度条

<progress value="30" max="100">30</progress>

• meter 标尺

<meter value="3" max="6">3</progress>

• audio
  音频模块
• video
  视频模块