本篇是面试题总结之HTML，文章我会持续更新最新总结好的面经的
HTML5新特性
- 新增语义化标签
- 新增音频
<video>、视频audio播放标签 - 新增选择器document.querySelector()、document.querySelectorAll()
- 本地存储localStorage、sessionStorage
- 全双工通信协议 WebSocket
- 拖拽相关API
DOCTYPE的作用
DOCTYPE声明在HTML5文档中的作用是告诉浏览器以何种方式来解析和渲染页面。具体来说，DOCTYPE定义了一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器应该使用什么样的文档类型定义来解析文档，
HTML5新增的语义化标签总结
- header：页眉
- nav：导航栏
- section
- main：主体部分
- article
- aside：侧边栏
- footer：页脚
- address
src 和 href 的区别
src用于替换元素，直接将所引用的内容嵌入到指定位置，在请求资源时，会将其指向的资源下载并应用到文章内部；下载指定的内容时，会暂停html文档的解析
href用于链接元素，浏览器遇到href会并行下载指定内容，其它任务可以同时处理
link和@import的区别
- 加载顺序
- 加载link链接时，可以和html同时加载
- @import引入的css将在页面加载完成后被加载
- 使用场景
- link在html文件中使用，可以加载css，还可以定义rel、RSS等
- @import在css文件中使用，用于导入css
根据以上知识：我们引入css时，使用link，尽量不要使用
@import
常见的图片格式
- webp：文件体积小，但是兼容性相对较差
- png：无损压缩，支持透明
- jpg：有损压缩，不支持透明
- gif：支持透明，文件小，支持动画，但是支持256种颜色
