[TOC] # 1.1 HTML5简介 万维网的核心语言、标准通用标记语言下的一一个应用超文本标记语言( HTML )的第五次重大修改。作为新HTML语言,具有新的元素,属性和行为 | *XHTML* 可扩展超文本标记语言XHTML是一种增强了的HTML ,它的可扩展性和灵活性将适应未来网络应用更多的需求 。我们基础班学习的是XHTML | HTML .5 它有更大的技术集,允许更多样化和强大的网站和应用程序。 增加了新特性:语义特性,本地存储特性,设备兼容特性,连接特性,网页多媒体特性,三维、图形及特效特性,性能与集成特性, CSS3特性。 这个集合有时称为HTML 5和朋友,通常缩写为HTML5 | | --- | --- | # 标签语义化 (方便搜素) 以前布局,我们基本用div来做。div 对于搜索引擎来说,是没有语义的。 ~~~ <header> :头部标签 <nav> :导航标签 <article> :内容标签 <section> :块级标签 <aside> :侧边栏标签 <footer> :尾部标签 ~~~  注意: ●这种语义化标准主要针对**搜索引擎**的 ●这些新标签页面中可以使用多次的 ●在IE9中,需要把这些元素转换为块级元素 ●其实,我们移动端更喜欢使用这些标签 ●HTML5还增加了很多其他标签,我们后面再慢慢学 # H5新增多媒体标签 多媒体标签包含两个,具体如下: ~~~ 音频: <audio> 视频: <video> ~~~ ## 音频标签（audio）浏览器支持格式  ## 音频代码书写法 |  |  | | --- | --- | ## 音频标签常用属性 ~~~ 属性 值 描述 autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。 loop loop 如果出现该属性，则每当音频结束时重新开始播放。 src url 要播放的音频的URL. ~~~  ## 音频使用实验  # 视频标签（video）浏览器支持格式  ## 视频代码书写法 |  |  | | --- | --- | ## 视频标签浏览器兼容  视频常用属性 ~~~ 2. <video>视频标签常见属性 属性 值 描述 autoplay autoplay 视频就绪自动播放 controls controls 向用户显示播放控件 width pixels(像素) 设置播放器宽度 height pixels(像素) 设置播放器高度 loop loop 播放完是否继续播放该视频，循环播放 preload proload 是否等加载完再播放 src url 视频url地址 poster Imgurl 加载等待的画面图片 muted muted 静音播放 ~~~ 视频使用实验  音频视频总结 3.总结 ●音频标签和视频标签使用基本-一致 ●浏览器支持情况不同 ●**谷歌浏览器把音频和视频自动播放禁止**了 ●我们可以给**视频标签\*\*\*\*添加 muted属性**可以**自定播放视频**,音频不可以 ●**视频标签**是**重点**,我们**经常设置自动播放**，**不使用**controls控件,循环和设置大小属性