HTML 语言基础
概述
HTML 是构建网页的核心标记语言。它通过标签定义内容结构,浏览器解析这些标签并将其渲染为可视化的页面。早期不同浏览器有各自的解析标准,后来 W3C 统一了规范(如 HTML5),确保了跨浏览器的兼容性。虽然标签种类众多,但日常开发中常用的不过二十余种。编写环境要求极低,只要有浏览器即可预览,编辑器(如 VS Code)则能提升编码效率。
文档基本结构
一个标准的 HTML 文件通常以 .html 结尾,入口文件常命名为 index.html。使用编辑器快捷键(如输入 ! 或 html5 后按 Tab)可快速生成骨架。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
核心组件解析:
<!DOCTYPE html>:声明文档类型,告知浏览器使用 HTML5 标准解析。不区分大小写。<html>:根元素,包裹整个文档内容。lang属性指定主语言(如en为英语,zh-CN为简体中文)。<head>:头部区域,包含元数据(Meta)、标题(Title)等,内容不会直接渲染到页面上。<body>:主体区域,所有可见的网页内容(文本、图片、布局等)均在此处编写。<meta>:提供字符集(如 UTF-8)、视口设置(响应式布局关键)及 SEO 相关信息。<title>:定义浏览器标签页显示的标题,对搜索引擎优化至关重要。
此外,<link> 用于引入外部资源(如 CSS),<style> 和 <script> 分别用于内联样式和脚本。

