4、移除的元素:basefont、big、center、font、s、strike、tt、u 等内容修改标签、以及性能较差的 frame、frameset、noframes。
5、处理 h5 新标签浏览器的兼容性问题
6、区分 html 与 html5:主要是通过 doctype 头、新标签和功能元素。
1、在样式丢失的情况下,页面呈现的结构也是清晰的
2、屏幕阅读器完全可以根据语义标签来读取内容(如盲人网站)
3、pad、手机可以根据语义标签做不同的处理,如手机上标题显示粗体,而 pad 上标题显示较大字体
4、对搜索引擎和爬虫的友好
1、优点
1.1、在不刷新的情况下重新载入的新的页面;
1.2、方便用于后台管理,或不用于对搜索引擎友好的系统
2、缺点:
2.1、不利用搜索引擎,因为爬虫只能看到框架而见不到框架的链接
2.2、框架有时候会让人迷惑,尤其是多个框架出滚动条的时候
2.3、不容易打印(暂时只能分框架页的打印,而不能打印整个 frameset)
2.4、浏览器后退按钮无效(他只能后退当前获得光标的 iframe)
2.5、多数 pad、手机不支持框架
2.6、增加 http 请求
2.7、iframe 会阻塞页面的加载,包含 iframe 的页面的 window.onload 事件,只有等待 iframe 加载完成后才能触发,但可以通过 js 来动态设置 iframe 的 src 属性可以避免这种情况(chrome 和 safari 支持)
3、iframe 和 frame 的区别
3.1、iframe 和 frame 实现的功能相同;
3.2、iframe 可以单独使用,而 frame 必须和 frameset 一起使用
3.5、在 html5 中 iframe 仅支持 src 属性,而对 frameset 和 frame 不在受支持
- <label id="inputOne">
- <input id="inputOne_inner" type="button" value="Test" />
- </label>
- $(function() {
- $('#inputOne').click(function() {
- console.log('label.........');
- });
- $('#inputOne_inner').click(function(event) {
- event.stopPropagation();
- console.log('input.........')
- });
- });
- <label id="labeTow" for="inputTow">
- Tow-label
- </label>
- -->
- <input id="inputTow" type="button" value="Tow" />
- $(function() {
- $('#labeTow').click(function() {
- console.log('labelTow.........');
- });
- $('#inputTow').click(function(event) {
- event.stopPropagation();
- console.log('inputTow.........');
- });
- });
来源: http://lib.csdn.net/article/html5/42245