HTML-常见的问题

44 阅读1分钟

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

  1. 语义化标签是一种HTML标签的方法论/方式
  2. 实现方式是遇到标题就用h1到h6,遇到段落就用p,遇到文章就用article,主要内容就用main,边栏就用aside,导航就用nav...
  3. 它明确了HTML的书写规范
  4. 优点:适合搜索引擎检索; 适合我们阅读,利于团队维护

HTML5有哪些新标签?

  • 文章相关: header main footer nav section article figure mark
  • 多媒体相关: video audio svg canvas
  • 表单相关: type=email type=tel

Canvas 和 SVG 的区别是什么?

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