Skip to content

II.2 HTML:构建网页结构

HTML(超文本标记语言)是构建 Web 内容的基础语言,构成了任何网站的“骨架”。它定义了网站的整体结构和内容元素,例如按钮、图像、文本和列表。每个 HTML 元素由一个起始标签、内容和一个结束标签组成。文档结构包括用于元数据(标题、CSS 链接、网站图标、作者信息)的 <head> 部分和用于可见内容的主体 <body> 部分。HTML 元素还具有提供附加信息的属性。

将 HTML 比作“骨架”突显了其基础且不可或缺的作用。如果 HTML 文档结构不佳,样式 (CSS) 和交互性 (JavaScript) 将无法正常工作,这确立了清晰的因果依赖关系。

II.2.1 语义化 HTML:赋予意义和提升可访问性

语义化 HTML 旨在让元素不仅承载视觉样式,更能赋予内容明确的结构与含义。例如,<header><footer><nav><article><section><main><aside>。这种语义结构对于可访问性 (A11y)、搜索引擎优化 (SEO) 和最佳浏览器渲染至关重要。

对语义化 HTML 的强调 表明了从纯粹的展示性标记向注重机器可读性意义的转变。这直接影响了可访问性工具(例如,屏幕阅读器依赖结构)和 SEO(搜索引擎理解内容上下文),展示了良好 HTML 实践与更广泛的 Web 性能和包容性之间的因果关系。

II.2.2 表单:用户输入和交互

HTML 表单(<form> 标签)对于收集用户输入至关重要。

<input><button> 等元素在表单中使用。表单是用户交互的主要点,直接将 HTML 的结构作用与 JavaScript 的动态能力和后端处理联系起来。

基于 CC BY-NC-SA 4.0 许可发布