语义化 HTML

使用能清晰传达内容含义和结构的 HTML 元素。正确使用 header、nav、main、article、section 等元素。

语义化 HTML 是指正确使用能清晰传达内容含义和结构的 HTML 元素。用 <header><nav><main><article><section> 等有意义的元素代替 <div><span>

语义化 HTML 对 SEO 和无障碍性都有益。搜索引擎能更好地理解页面结构,屏幕阅读器能将各部分识别为地标。HTML5 语义化指南详细介绍了这些主题。

正确的标题层次结构 (<h1><h6>) 也很重要。按逻辑顺序使用标题而不跳级可以明确文档结构。

从字符计数角度看,语义元素标签名比 <div> 长,但准确传达内容含义的好处更大。Web 标准设计书籍提供了更多背景知识。