前端学习笔记：HTML篇
MuyuNovember 14, 2025
#HTML#Notes#Web Development
一、 文档结构与浏览器解析
-
文档声明 (DOCTYPE)
-
作用：
<!DOCTYPE html>必须放在 HTML 文档的第一行。它不是 HTML 标签，而是一条指令，告诉浏览器应使用最新的 HTML5 标准（严格模式/标准模式）来解析页面。 -
模式区分：如果不写或格式错误，浏览器会进入“怪异模式”（混杂模式），使用向后兼容的宽松方式解析，这会导致不同浏览器的渲染结果不一致。
-
-
头部 (Head) 与 元数据 (Meta)
-
<head>标签：文档头部的容器，内部信息主要给浏览器和搜索引擎看，不在页面直接显示。其中<title>是唯一且必需的元素。 -
<meta>标签：用于描述网页属性。常用属性包括：-
charset：定义编码格式（如 UTF-8），设置不当会导致浏览器乱码。 -
viewport：移动端适配必备，控制视口缩放比例（width=device-width, initial-scale=1.0）。 -
keywords/description：用于 SEO，提供页面关键词和描述。 -
robots(搜索引擎索引方式)：控制爬虫行为，如all,index,nofollow等。
-
-
HTML