HTML5（语义化标签，表单元素及属性，多媒体）

HTML5

1.HTML：超文本标记语言（超文本:视频.音频.超链接.图片…;标记语言:标签组合）

2.HTML5的简单介绍:
html5 是html4.0 升级版,HTML5 并不仅仅只是做为HTML 标记语言的一个最新版本,更重要的是它制定了Web 应用开发的一系列标准,成为第一个将Web 做为应用开发平台的 HTML 语言.html5 是html4.0 升级版,HTML5 并不仅仅只是做为HTML 标记语言的一个最新版本,更重要的是它制定了Web 应用开发的一系列标准,成为第一个将Web 做为应用开发平台的 HTML 语言

HTML5 定义了一系列新元素，如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一些Javascript API,如地 理定位、重力感应、硬件访问等,可以在浏览器内实现类原生应用,甚至结合 Canvas 我们可开发网页版游戏.

广义概念：HTML5代表浏览器端技术的一个发展阶段.在这个阶段,浏览器呈现技术得到了一个飞跃发展和广泛支持,它包括：HTML5,CSS3, Javascript,API 在内的一套技术组合.

语义化标签

1.<header></header> 表示页眉(头部)
2.<article></article>文章
3.<aside></aside>侧边栏
4.<footer></footer>尾部
5.<nav></nav>导航
6.<section></section>表示区块
7.<figure></figure>表示媒介内容分组
8.<mark></mark>表示标记
9.<progress></progress>进度条(value,max属性)
10.<time></time>表示日期

表单元素

邮件：Email
文件：file
时间：data
时间：datatime
月份：month
星期：week
范围：range
颜色：color
手机号码：Tel
搜索框：search

表单属性

placeholder占位符
autofocus 获取焦点
multiple 多选
autocomplete 自动完成
novalidate 关闭验证
pattern 使用正则表达式进行验证

<input type="password" name="password" pattern="\d{2,6}"/>

required 必填项

多媒体

视频video
音频audio
controls：设置视频的播放控件
loop：设置视频循环播放
poster：添加视频初始图片显示
autoplay：设置自动加载播放

<video width="300" height="200" controls="controls" poster="../img/zyx5.jpg" loop="loop" autoplay="autoplay">
		<source src="../shipin/沙漠骆驼.mp3"></source>
	</video>

<audio  controls="controls"  loop="loop" autoplay="autoplay">
		<source src="../shipin/沙漠骆驼.mp3" type=""></source>
	</audio>