279节---------5月1日

HTML5新增的语义化标签

• <header>头部标签
• <nav>导航标签
• <article>内容标签
• <section>定义文档某个区域，可以理解为大号的div
• <aside>侧边栏标签
• <footer>尾部标签

注意：

• 这种语义化标准主要是针对搜索引擎的
• 这些新标签页面中可以使用多次
• 在IE9中，需要吧这些元素全部转换为块级元素
• 其实，移动端更喜欢用这些标签
• HTML5还增加了很多其他标签

---

HTML5新增的多媒体标签

• 音频：<audio>
• 视频：<video>

使用他们可以很方便的在页面中嵌入音频和视频，而不再去使用flash和其他浏览器插件

视频<video>

不同浏览器支持的视频格式不同，尽量使用mp4格式

语法：

<video src="文件地址" controls="controls"></video>

常见属性：

• autoplay       autoplay视频就绪自动播放（谷歌浏览器需要添加nuted来解决自动播放问题)
• controls        controls向用户显示播放控件
• width            设置播放器宽度
• height          设置播放器高度
• loop             loop播放完是否继续播放该视频，循环播放
• preload
  • none(不应加载视频)
  • auto(预先加载视频)
  • 规定是否预加载视频(如果有了autoplay就忽略该属性)
• srcurl         url地址
• poster        lmgurl加载等待的画面图片
• muted        muted静音播放

 音频<audio>

尽量使用mp3格式 

语法：

<audio src="文件地址" controls="controls"></audio>

常见属性：

• autoplay        autoplay如果出现该属性，则音频在就绪后马上播放
• controls        controls如果出现该属性，则向用户显示控件，上比如播放按钮
• loop               loop如果出现该属性，则每当音频结束时重新开始播放
• src                 url要播放的音频的URL

---

HTML新增的input类型

常见的有

• type="email"           限制用户输入必须为Email类型
• type="url"                限制用户输入必须为URL类型
• type="date"             限制用户输入必须为日期类型
• type="time"             限制用户输入必须为时间类型
• type="month"          限制用户输入必须为月类型
• type="week"            限制用户输入必须为周类型
• type="number"        限制用户输入必须为数字类型
• type="tel"                手机号码
• type="search"         搜索框
• type="color"            生成一个颜色选择表单

---

HTML新增的表单属性

• require                drequired        表单拥有该属性表示其内容不能为空，必填
• placeholder        提示文本         表单的提示信息存在默认值将不显示
• autofocus            autofocus        自动聚焦属性，页面加载完成自动聚焦到指定表单当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
• autocomplete       off / on        默认已经打开，如autocomplete="on”，关闭autocomplete ="off""需要放在表单内，同时加上name属性，同时成功提交
• multiple                multiple        可以多选文件提交