head 头部与 meta
<head> 里的内容不会显示在页面上,它承载的是页面的"元信息":标题、编码、描述、样式表链接等。用户在浏览器标签页上看到的文字来自 <title>,这也是搜索引擎结果中最重要的一行。
<meta> 是自包含的元数据标签,常用的有:charset 声明编码;name="viewport" 控制移动端缩放,做响应式必备;name="description" 提供页面摘要。外部 CSS 用 <link rel="stylesheet"> 引入,JS 文件通常放在 body 末尾或加 defer 属性。
本节要点head 管元信息不负责显示;必备三件套是 charset、viewport、title;样式表用 link 引入,脚本建议 defer 或放 body 末尾。
HTML
<head> <!-- 编码声明,必须放在 head 最前面 --> <meta charset="UTF-8"> <!-- 移动端视口:宽度等于设备宽度,初始不缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 页面描述:搜索引擎结果页里标题下方的摘要文字 --> <meta name="description" content="面向零基础的前端 HTML 入门教程"> <title>前端Wiki - HTML 教程</title> <!-- 引入外部样式表 --> <link rel="stylesheet" href="style.css"> <!-- defer:脚本下载不阻塞解析,DOM 就绪后再按顺序执行 --> <script src="app.js" defer></script> </head>




