HTML

如何理解HTML中的语义化标签？

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

总结：「是什么、怎么做、解决了什么问题、优点是、怎么解决缺点」

HTML5有哪些新标签？

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

多媒体相关：video、audio、svg、canvas

表单相关：type=email、type=tel

所有标签详见MDN

切记：不要给自己挖坑，不要说自己不了解的

Canvas和SVG的区别是什么？

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

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

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