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 的动态能力和后端处理联系起来。