html5新特性

兼容性  合理性 效率  安全性 分离  简化  通用性 无插件

html5新标签
结构标签：<article>集中的文章内容 <section>内容区块 <aside>侧边栏(或做目录) <footer>尾标签
<header>头部标签 <main>主体(头主尾标签使用一次) <nav>导航
<header></headder>
<nav></nav>
<main>
<article>
<section></section>使用时必须有标题，不能进行样式设定，尽量不用
</article>
<aside></aside>
</main>
<footer></footer>
行内标签：
下载进度条：<progress max="" min="" step=""(间隔数)></progress>***
时间：<time datetime="时间格式" pubdate(发布时间)></time>
非结构性标签： *** volume音量 行内块
<audio>音频 <video>视频 <embed>嵌入 <sourc> 源 <canvas>画布(绘画)

   <audio autoplay(自动播放，默认不播放)
      controls="controls"(控制面板、控制播放) loop(无限循环播放)>
      <source src="" type="audio/mp3"/>
      当前文件不支持(不支持时显示该文字)
   </audio>
   
   <video autoplay controls>
      <source src="" type="video/mp4"/>
   </video>

   <embed src=""></embed>

表单新特性：(动态表单)
<form action="" method="post">
搜索框<input type="seach"/>类似文本框，只是在输入文字时有个×，可点击删除出入的内容
电话号码<input type="tel"/> 后期与属性pattern连用 pattern="[0-9]{6}"(正则表达式)
日期控件<input type="date" name=""/> 年/月/日
<input type="month" name=""/>年/月
<input type="week"/> 年/周(今年的第几周)
<input type="time"/> 小时/分
取色板<input type="color" name=""/>
最大值最小值<input type="number" max="20" min="2" value="6" step="这里的值要根据默认来设置、间隔要到最小值得跨步为整数（如value=4 min=1 step=3或1）；value=6 min=2 step=4/2"/> step取值可为负、0、正
滑块<input type="range" max="80" min="0" value="60" step=""/> 默认大小width=129px height=21px,最大最小值设置看不出来，只显示value值；IE10以上兼容
邮件地址的输入<input type="email" name=""/> 提交表单时会自动验证email域值
URL地址的输入<input type="url" name=""/>
</form>
属性：1.placeholder 显示提示文字
2.autofocus 自动获取焦点
3.datalist(数据列，类似下拉列表)，与input绑定
<input type="text" list="lie"/>
<datalist id="lie">
<option value="1"></option>
<option value="2"></option>
</datalist>
4.required 应用input上，写上属性后、不输入字段无法提交(必填项)
5.disabled 禁用
6.readonly 只读
7.pattern 输入的内容按照正则表达式 <input type="text" pattern="[0-9]{6}" title="输入错误"/>

网页优化
超链接用纯文本 title属性应用 flash动画与图片超链接最好不用
<meta name="description" content="告诉搜索引擎你的站点主要内容"/>
<meta name="keywords" content="向搜索引擎说明你的网页关键词"/>
图片应用title、alt属性 无意义的图片、alt属性写空：alt=""
制作网站地图