前端基础之H5

H5=HTML+CSS3+JS+API

<!DOCTYDE html>这是h5的声明

关于div的新增标签

<header>定义一个页面或者区域的头部<nav>导航链接<section>定义一个区域<article>定义一篇文章<footer>底部<aside>页面内容部的侧边栏<hgroup>文件中一个区域的相关信息<figure>一组媒体内容以及他们的标题<figcaption><figure>的图的标题<meter>程度（衡量标准）<dialog>一个对话框<progress value="当前值" max="最大值">进度条

视频和音频标签
H5支持的视频格式：
Ogg：支持F 、C、 O浏览器
MPEG4：支持S、 C浏览器
WebM：支持I、F、 C、 O浏览器

视频标签：<video src="视频路径" controls(controls是个控件)></video>也可以写成<video><source src="路径" type="video/mp4"><source src="路径" type="video/ogg"><source src="路径" type="video/webm"></video>写出所有的视频格式，可以使其在不同的浏览器上进行播放video的属性有：autoplay自动播放loop循环播放poster="图片路径"视频未开始播放时视频页面的图片preload="auto/metadala/none"视频缓存时加载音频视频的方式音频标签：<audio src="音频路径" controls></audio>

新增表单标签

<input type="email">指定输入邮箱地址<input type="url">指定输入网址<input type="data">指定输入日期<input type="time">指定输入时间<input type="month">指定输入月份<input type="week">指定输入周<input type="number">指定输入数字（包含e）<input type="range">滑动条<input type="search">搜索<input type="color">颜色属性：required必填项placehoder=""提示信息autofoucs自动聚焦（一个页面中只需要一个，可以增加用户体验）autocomplete="on/off"加/不加自动记忆功能另一种下拉列表：使用datalist，要注意的是datalist的id与input里的list的子是相同的<input id="mycar" list="car"><datalist id="car">    <option value="aaa">aaa</option>    <option value="sss">sss</option></datalist>

一种表单框<fieldset>    <legend>标题</legend></fieldset>

写form的两种方式（1）<form action=""><input type=""></form>（2）<form action="" id="name"></form><input type="" form="name">给form一个id，在使input中的form的值与在form中定义的id的值相同，则input就处在一个form中