标签:面试题 矢量图 标签 杂谈 Canvas HTML 2022 SVG 不同点
好记性不如烂笔头
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。