1. DOCTYPE(⽂档类型) 的作⽤
<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种html版本来显示网页
<!DOCTYPE html> 的作用就是让浏览器进入标准模式，使用最新的 HTML5 标准来解析渲染页面
它是一个文档类型声明标签，不是html标签，得写到最上面
2. 对HTML语义化的理解
语义化是指 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。
语义化的优点如下：
（1）对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于SEO。除此之外，语义类还支持读屏软件，根据文章可以自动生成目录；
（2）对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发与维护。
常见语义化标签：
<header></header> 头部
<nav></nav> 导航栏
<section></section> 区块（有语义化的div）
<main></main> 主要区域
<article></article> 主要内容
<aside></aside> 侧边栏
<footer></footer> 底部
3. src和href的区别
- 用途。src用于引用嵌入到文档中的资源，如图片、音频、视频、脚本等；href用于建立超链接，指向网络资源所在位置，常用于创建链接到其他页面或资源的超链接。
- 使用场景。src通常用在img、script、iframe等媒体元素上；href则常用于link和a等元素上。
- 对文档的影响。使用src的资源会被下载并嵌入到当前页面中，这会暂停其他资源的下载和处理，直到该资源加载、编译、执行完毕；使用href的资源则不会影响其他资源的下载，浏览器会并行下载资源，不会停止对当前文档的处理。
4.相对路径和绝对路径
相对路径，指的是同一个网站下，不同文件之间的的位置定位。引用的文件位置是相对当前文件的位置而言，从而得到相对路径。
绝对路径，指的是文件的完整路径。
5.head标签
其中 <title> 定义文档的标题，它是 head 部分中唯一必需的元素。
meta标签
meta 标签由 name 和 content 属性定义，用来描述网页文档的属性。
常用的meta标签：
（1）charset，用来描述HTML文档的编码类型：
<meta charset="UTF-8" >
（2） keywords，页面关键词：
<meta name="keywords" content="关键词" />
（3）description，页面描述：
<meta name="description" content="页面描述内容" />
（4）refresh，页面重定向和刷新：
<meta http-equiv="refresh" content="0;url=" />
（5）viewport，适配移动端，可以控制视口的大小和比例：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
（6）搜索引擎索引方式：
<meta name="robots" content="index,follow" />
6.HTML5 拓展了哪些内容
-
语义化标签
-
本地存储
-
兼容特性
-
2D、3D -
动画、过渡
-
CSS3特性 -
性能与集成
7. H5的更新
（1）新增语义化标签：nav、header、footer、aside、section、article
（2）音频、视频标签：audio、video
（3）数据存储：localStorage、sessionStorage
（4）canvas（画布）、Geolocation（地理定位）、websocket（通信协议）
（5）input标签新增属性：placeholder、autocomplete、autofocus、required
（6）history API：go、forward、back、pushstate