HTML5中有哪些新标签？

记忆型的问题

官网的参考

HTML 元素参考 - HTML（超文本标记语言） | MDN (mozilla.org)

这是个纯记忆性题目

文章相关：header main footer nav section article figure mark

多媒体相关：video audio svg canvas

表单相关：type=email type=tel

不要写自己不熟悉的标签，因为你的回答很可能会变成下一题

详细介绍

• header < header > - HTML（超文本标记语言） | MDN (mozilla.org)
• main < main > - HTML（超文本标记语言） | MDN (mozilla.org)
• footer < footer > - HTML（超文本标记语言） | MDN (mozilla.org)
• figure < figure >：可附标题内容元素 - HTML（超文本标记语言） | MDN (mozilla.org)
• mark < mark > - HTML（超文本标记语言） | MDN (mozilla.org)
• video < video >: 视频嵌入元素 - HTML（超文本标记语言） | MDN (mozilla.org)
• svg svg - SVG：可缩放矢量图形 | MDN (mozilla.org)
• canvas < canvas > - HTML（超文本标记语言） | MDN (mozilla.org)
• type=email < input type="email"> - HTML（超文本标记语言） | MDN (mozilla.org)
• type=tel < input type="tel"> - HTML（超文本标记语言） | MDN (mozilla.org)

Canvas和SVG的区别

答题思路为：先说一，再说二，再说相同点，最后说不同点。

1. Canvas 主要是用笔刷来绘制 2D 图形的。

2. SVG 主要是用标签来绘制不规则矢量图的。

3. 相同点：都是主要用来画 2D 图形的。

4. 不同点：Canvas 画的是位图，SVG 画的是矢量图。

5. 不同点：SVG 节点过多时渲染慢，Canvas 性能更好一点，但写起来更复杂。

6. 不同点：SVG 支持分层和事件，Canvas 不支持，但是可以用库实现。

基本上考看别人的总结和平时自己写博客总结，否则答不好。

得分点：位图 v.s. 矢量图、渲染性能、是否支持分层和事件……