【个人杂谈】2022 最新前端面试题复习（个人向、长期更新）
作者：互联网
好记性不如烂笔头
HTML
如何理解 HTML 中的语义化标签？
-
是什么：语义化标签是一种写 HTML 标签的方法论/方法，简单说就是用正确的标签做正确的事。
-
怎么做：实现方法就是遇到标题用 h1 到 h6，遇到段落用 p，遇到文章用 article，主要内容用 main，侧边栏用 aside，导航用 nav 等等。
-
解决了什么问题：明确了 HTML 书写规范。
-
优点：适合搜索引擎优化（SEO）；适合人类阅读，利于团队维护（而不是全部用 div）。
-
缺点：可能就是需要记住这些标签名吧（笑）。
HTML5 有哪些新标签？
反正记住自己熟悉的几个就行，不熟悉的多看看 MDN 文档。
-
文章相关：header、main、footer、nav、article 等。
-
多媒体相关：video、audio、svg、canvas
-
表单相关：type=email、type=tel
Canvas 和 SVG 的区别？
-
Canvas 主要是用笔刷来绘制 2D 图形的。
-
SVG 主要是用标签来绘制不规则矢量图。
-
相同点：都是用来画 2D 图形的。
-
不同点：Cavans 画的是位图；SVG 画的是矢量图。
-
不同点：SVG 节点过多时渲染慢；Canvas 性能会好一些，但写起来更复杂。
-
不同点：SVG 支持分层和事件；Canvas 不支持，但可以用库来实现。
标签：面试题,矢量图,标签,杂谈,Canvas,HTML,2022,SVG,不同点 来源： https://www.cnblogs.com/cqkjxxxx/p/16463693.html