常面：《html相关》

html5中有哪些新标签

• 文章相关：header头部 main主题 footer底部 article文章 aside边栏 nav导航 section表示一个独立的部分
• 音频相关：audio在文档中嵌入音频播放器 标签中可以包含一个或多个音频资源 可以使用src属性来描述
• 视频相关：video在文档中嵌入媒体播放器 用于支持文档中的视频播放 video也可用于音频 但audio更合适

canvas和svg的区别

1. Canvas 主要是用笔刷来绘制 2D 图形的。
2. SVG 主要是用标签来绘制不规则矢量图的。
3. 相同点：都是主要用来画 2D 图形的。
4. 不同点：Canvas 画的是位图，SVG 画的是矢量图。
5. 不同点：SVG 节点过多时渲染慢，Canvas 性能更好一点，但写起来更复杂。
6. 不同点：SVG 支持分层和事件，Canvas 不支持，但是可以用库实现。

如何理解html中的语义化标签

1. 是什么：语义化标签是一种写 HTML 标签的方法论/方式。
2. 怎么做：实现方法是遇到标题就用 h1 到 h6，遇到段落用 p，遇到文章用 article，主要内容用 main，边栏用 aside，导航用 nav……（就是找到中文对应的英文）
3. 解决了什么问题：明确了 HTML 的书写规范
4. 优点是：一、适合搜索引擎检索；二、适合人类阅读，利于团队维护。
5. 缺点是：没有。
6. 怎么解决缺点：无需解决。