–

、 和 —— 它们覆盖了 80% 以上的页面结构与内容表达需求，且语义清晰、浏览器兼容性极好。

为什么

还是第一选择？

它不是语义最强的，但却是最“安全”的容器：没有默认样式干扰、可嵌套任意元素、支持所有 CSS 布局模型（Flex/Grid/Float）。现代框架（React/Vue）生成的 DOM 也大量依赖

作为挂载点或逻辑分组。

• 别用它替代语义化标签：比如不要用
  代替

  ，除非你明确需要降级兼容老项目或 SSR 渲染限制
• 不会触发屏幕阅读器特殊行为，而
• 嵌套深度建议控制在 4 层以内；过深的
  堆叠会让调试和 CSS 选择器变得脆弱

和

–

的实际使用边界

它们不是“换行工具”，而是内容层级信号。搜索引擎和辅助技术靠这些判断主次关系。

• 自动处理段前/段后空白，但不会合并连续空格或换行符；要保留原文格式请改用

   或 CSS white-space: pre-wrap

• 标题必须严格按层级递进：

  后接

  可以，跳到

  会破坏文档大纲，影响 SEO 和阅读器导航

• 禁止用

  控制字号——该用 CSS font-size；否则响应式断点里字号失控，且无法统一维护

和 的硬性约束条件

这两个看似简单，但出错率最高，尤其在交付环节被自动化检测工具反复报错。

• 必须带 alt 属性：空字符串 alt="" 表示装饰图，非空字符串需准确描述图像内容；缺失会导致 WCAG 2.1 AA 级别不达标
• 的 href 值不能是 # 或 javascript:void(0)——前者触发页面跳顶，后者阻碍键盘 Tab 导航；如需 JS 行为，请用 button + role="link" 替代
• 外链 建议加 rel="noopener noreferrer"，防止新窗口中 opener 泄露当前页面引用信息

真正难的不是写出合法 HTML，而是让每个标签承担它该承担的职责：结构归结构，样式归 CSS，交互归 JS。一旦混用，后续改版成本会指数级上升——比如把

当作加粗文本用，半年后想统一调整副标题样式时，就得全局 grep + 人工核对，而不是改一行 CSS。

终于介绍完啦！小伙伴们，这篇关于《HTML常用元素有哪些？前端开发速写法则》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！

Go语言CGO内存手动释放技巧

上一篇

Go语言CGO内存手动释放技巧

下一篇

移动端 Touch 与 Click 冲突怎么解决