前端面试HTML
Contents
1 讲讲HTML中的语义化标签
- 是什么:语义化标签是一种写HTML标签的方法论/方式
- 怎么做:实现方式是遇到标题就用h1到h6,遇到段落用p,遇到文章用article,主要内容用main,边栏用aside,导航用nav..
- 解决了什么问题:明确了HTML的书写规范
- 优点:适合搜索引擎检索(SEO);增强可读性,利于团队维护
- 缺点:没有(英文不好的难记?)
- 怎么解决缺点:无
2 HTML5有哪些新标签
只说熟悉的标签
- 文章相关:header main footer section acticle
- 多媒体相关:video svg canvas
- 表单相关:type=email type=tel
- localStorage sessionStorage
- webSocket
3 Canvas和SVG的区别是什么
- 先说Canvas:Canvas主要是用笔刷来绘制2D图形的
- 再说SVG:SVG主要是用标签来绘制不规则矢量图的
- 相同点:都是主要来绘制2D图形的
- 不同点:Canvas画的是位图,SVG画的是矢量图
- 不同点:SVG节点过多时渲染慢,Canvas性能更好一点,但写起来更复杂
- 不同点:SVG支持分层和事件,Canvas不支持,但是可以用库实现
Author gsemir
LastMod 2021-07-19