HTML语义化理解？
- 用正确的标签做正确的事
- html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析
- 即使在没有样式css情况下可以是一种文档格式显示，并且是容易阅读的
- 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO
- 是阅读源代码的人对网站更容易将网站分块，便于阅读维护理解
H5有哪些新特性？
- 增强了图形渲染 (canvas)
- 影音 (video, audio)
- 数据存储 (sessionStorage,localStorage)
- 语义化更好的内容元素，比如 article、footer、header、nav、section
- 表单控件 calender、date、time、email、url、search;
- 新的技术：webworker(专用线程)、websocket通信、Geolocation地理定位
如何处理H5新标签的兼容性？
- IE8/IIE7/IE6 通过支持 document.createElement 方法产生的标签
- 可以利用这一特性让这些浏览器支持H5
- 路蓝旗支持新标签后，还需要添加标签默认的样式
- 当然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架：
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
页面导入样式时，使用link和@import区别？
(1)用途上
@import只能引入css文件
link既能引入css，又能引入其他文件
(2)加载顺序
加载页面时，link标签引入的css被同时加载；
@import引入的css将在页面加载完毕后被加载
(3)优先级
@import中的样式虽然比link引入的css内容晚加载，但是优先级却低于当前link引入的css内的其余样式
(4)link支持使用DOM动态添加和改变；而@import 用DOM操作不了
iframe的缺点？
- iframe 会阻塞主页面的Onload事件；
- 搜索引擎的检索程序无法解读这种页面，不利于SEO；
- iframe 和主页面之间共享连接池，而浏览器对相同域的连接有限制，所以会响应页面的并行加载
使用 iframe 之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以绕开以上两个问题
来源：CSDN
作者：呜呜呜噫噫噫
链接：https://blog.csdn.net/qq_45497437/article/details/103610502