HTML 语义化

  • 增强 SEO:搜索引擎能更好地抓取和理解网页内容
  • 提高代码的可读性:无需额外注释即可理解代码结构
  • 无障碍,提高可访问性:辅助技术(如屏幕阅读器)

HTML5 已移除的标签

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>

HTML5 新增特性

Canvas 和 SVG 区别

CanvasSVG
它是通过 JavaScript 来绘制的使用 XML 的 2d 语言
无 DOM可使用 DOM 操作
取决于分辨率(依赖)独立于分辨率(不依赖)
不支持事件处理程序支持事件处理程序
适合游戏、实时数据可视化、像素级绘图(其中的许多对象会被频繁重绘)适合静态矢量图形、可交互地图、可缩放插图(任何过度使用 DOM 的应用都不快)

iframe

缺点:

  • 会阻塞主页面的 onload 事件
  • 搜索引擎无法解读这种页面,不利于 SEO
  • iframe 和主页面共享连接池,而浏览器对相同区域有限制所以会影响性能