严格模式

head , body，Doctype 他们的作用是什么?

1. head标签中的元素主要用于描述文档的元信息，如文档的标题、字符集编码、外部资源的链接等。这些信息虽然不直接显示在页面上，但对于文档的结构、样式、行为等方面都有重要的影响。
2. body标签里的内容构成了网页的主体，是用户浏览网页时最直接看到和交互的部分。在body标签中，可以使用各种HTML元素来构建页面的结构、样式和行为。
3. Doctype的主要作用是声明文档的解析类型，告知浏览器的解析器应该使用哪种HTML版本来解析文档。正确的Doctype声明有助于页面在不同浏览器中的兼容性。如果Doctype不存在或格式不正确，会导致文档以兼容模式呈现，从而影响页面的布局和样式。

HTML5 为什么只需要写

1. HTML4.01 是基于 SGML（标准通用标记语言）的标记语言, 需要通过DOCTYPE 指向一个外部的 DTD 文件, 告诉浏览器文渲染页面的文档结构和规则
2. HTML5 是独立的标记语言。DOCTYPE 的主要作用是触发浏览器的标准模式, 标准模式意味着浏览器将使用最新的 HTML 和 CSS 规范来渲染页面. 如果不存在或格式不正确会导致文档怪异模式呈现, 怪异模式会导致页面以较旧的方式渲染，以兼容一些非标准的网页。

语义化

语义化的理解

1. 语义化就是用合适的标签嵌套文档内容，
2. 使得页面的内容结构化, 便于浏览器和搜索引擎的解析
3. 也可以保证在没有css的情况下, 文档的显示也是格式化的
4. 最终目的就是提高网站的可访问性，使得不同设备的用户以及残障人士都能轻松访问网站
5. 例如使用head标签包裹页面的头部，使用main标签包裹页面的主体，使用footer标签包裹页面的底部

标签和属性

img标签的title属性和alt属性的区别?

1. title属性是提示文本, 鼠标悬停时展示提示信息
2. alt属性是替换文本, 图片加载失败时展示, alt属性是图片的必须属性, 可以帮助搜索引擎理解图片内容, 同时也是读屏器的阅读内容

简述⼀下src与href的区别

• src会下载资源, 用于替换当前元素的内容。它通常与 ,