一、处理浏览器兼容问题
html5shiv.min.js 处理ie9以下的对于H5标签的兼容性问题 respond.js 处理css3的兼容性问题
加判断,如果是IE9以下的浏览器,就执行这个代码
<!– 条件注释 –> <!–[if lt IE9]> <script src=”http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js”></script> <script src=”//cdn.bootcss.com/respond.js/1.4.2/respond.js”></script> <![endif]–>
二、什么是HTML5
1、HTML5 是下一代 HTML 标准
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。
2、HTML5的优点
(1)、提高可用性和改进用户的友好体验。
(2)、有几个新的标签,这将有助于开发人员定义重要的内容。
(3)、可以给站点带来更多的多媒体元素(视频和音频)。
(4)、可以很好的替代FLASH和Silverlight。
(5)、将被大量应用于移动应用程序和游戏。
(6)、可移植性好
三、HTML新增元素
1、 <canvans>
标签定义图形,比如图表和其他图像。该标签基于JavaScript的绘图 API
2、<audio> 定义音频内容
controls 出现控制栏 muted 静音 loop 循环播放 autoplay 自动播放(谷歌不支持自动播放) 3、<video> 定义视频(video或者movie) controls 出现控制栏 muted 静音 loop 循环播放 autoplay 自动播放
4、<source> 定义多媒体资源video或者audio
<video id=”video1″> <source src=‘./video/captian.mp4‘> <source> <source src=‘./video/captian.Ogg‘> <source> <source src=‘./video/captian.webm‘> <source> </video> 5、<detailst> 定义选项列表,与input元素配合使用 //类似于下拉菜单,可以进行选择 <datalist id=”datalist1″> <option value=”aa”>苹果</option> <option value=”bb”>香蕉</option> <option value=”cc”>橘子</option> </datalist> 6、<output> 定义不同类型的输出 可以进行两数相加 <form oninput = ‘x.value = parseInt(inp1.value)+parseInt (inp2.value)‘> <input type=”number” id=”inp1″ value=”1″> + <input type=”number” id=”inp2″ value=”1″> = <output name = ‘x‘ for = ‘inp1 inp2‘>0</output> </form> 7、<article>
定义页面独立的内容区域。 <aside>
定义页面的侧边栏内容。 <command>
定义命令按钮,比如单选按钮、复选框或按钮 <details>
用于描述文档或文档某个部分的细节 <dialog>
定义对话框,比如提示框 <summary>
标签包含 details
元素的标题
<footer> 定义了section或document的页脚 <header> 定义文档头部区域 <nav> 定义导航链接部分 <progress> 定义任何类型的任务进度 <section> 定义文档中的节(section,区段)
四、HTML5中移除的标签
美元符号定义 jQuery
以下的 HTML 4.01 元素在HTML5中已经被删除:
<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<strike>、<tt>