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和主页面共享连接池,而浏览器对相同区域有限制所以会影响性能