网页基础 / 学习笔记
从一个简单页面认识 HTML 语义
页面结构清晰，阅读、维护和无障碍使用都会更轻松。
内容结构先于样式
HTML 描述内容是什么，CSS 决定它看起来怎样。编写页面时先列出标题、段落、导航与正文，再处理颜色和间距，可以减少为了外观而随意嵌套元素的情况。
让标题体现层次
页面主标题通常使用 h1，正文中的主要小节使用 h2，更细的层级再使用 h3。不要仅仅为了字号大小选择标题标签，字号可以通过样式调整，标题层次则应表达内容之间的关系。
链接和按钮各有用途
跳转到另一篇文章时使用带 href 的链接；提交表单、打开菜单等操作使用按钮。链接文字最好说明目标内容，例如“阅读 HTML 学习笔记”，避免整页都是缺少上下文的“点击这里”。
检查页面的基本信息
为页面设置 lang="zh-CN"，声明 UTF-8 编码，并添加适合移动设备的 viewport。图片应按用途提供替代文本，装饰图片可以使用空替代文本。最后检查键盘是否能依次访问所有交互元素。