HTML 语义化
- 增强 SEO:搜索引擎能更好地抓取和理解网页内容
- 提高代码的可读性:无需额外注释即可理解代码结构
- 无障碍,提高可访问性:辅助技术(如屏幕阅读器)
HTML5 已移除的标签
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
HTML5 新增特性
Canvas 和 SVG 区别
Canvas | SVG |
---|---|
它是通过 JavaScript 来绘制的 | 使用 XML 的 2d 语言 |
无 DOM | 可使用 DOM 操作 |
取决于分辨率(依赖) | 独立于分辨率(不依赖) |
不支持事件处理程序 | 支持事件处理程序 |
适合游戏、实时数据可视化、像素级绘图(其中的许多对象会被频繁重绘) | 适合静态矢量图形、可交互地图、可缩放插图(任何过度使用 DOM 的应用都不快) |
iframe
缺点:
- 会阻塞主页面的
onload
事件 - 搜索引擎无法解读这种页面,不利于
SEO
iframe
和主页面共享连接池,而浏览器对相同区域有限制所以会影响性能