面试题汇总之H5
一、H5有哪些新特性，移除了哪些元素？如何处理h5新标签的浏览器兼容性问题，如何区分html和html5
新增的图像为canvas类，媒体回放video和audio元素；本地离线存储localStorage，在浏览器关闭后也可以保存数据；而sessionStorage在浏览器关闭后会自动删除数据
新增内容标签：article、footer、header、nav、section；新增加表单控件：calendar、date、time、email、url、search；控件元素：webworker、websocket、Geolocation。
移除的元素：basefont、big、center、font、s、strike、tt、u等内容修改标签、以及性能较差的frame、frameset、noframes。
处理h5新标签浏览器的兼容性问题
IE8-可以通过document.createElement来创建标签，并给标签默认的样式和能力
也可以引用html5shim框架
区分html与html5：主要是通过doctype头、新标签和功能元素。
二、html语义化的好处
1，结构清晰，即使不看样式也能知道结构
2.手机和pad可以根据标签进行处理，比如手机上标题粗体，pad上面就是字体比变大。
3.对搜索引擎和爬虫友好
4，屏幕阅读器可以根据语意标签进行来读取，特别是盲人网站
三、iframe优缺点
优点：1，不刷新页面就加载了一个新的页面
2，方便用于后台管理，对搜索引擎友好的系统最好不用
缺点：
1，不利于搜索引擎，爬虫只能看到框架但是看不到框架的链接
2，多数手机和pad不支持iframe
3，不容易打印（暂时只能分框架页的打印，而不能打印整个frameset）
4，iframe会阻塞页面的加载，只有当iframe加载完了才能触发window.onload事件这样类似的。但可以通过js来动态设置iframe的src属性可以避免这种情况（chrome和safari支持）
四、label标签的作用、应用
label作为标题说明元素存储。for属性做标签关联
五、DOCTYPE作用
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
六、meta的作用
指明有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。编码方式。
扫一扫
2452
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
