语义化 HTML
使用能清晰传达内容含义和结构的 HTML 元素。正确使用 header、nav、main、article、section 等元素。
语义化 HTML 是指正确使用能清晰传达内容含义和结构的 HTML 元素。用 <header>、<nav>、<main>、<article>、<section> 等有意义的元素代替 <div> 和 <span>。
语义化 HTML 对 SEO 和无障碍性都有益。搜索引擎能更好地理解页面结构,屏幕阅读器能将各部分识别为地标。HTML5 语义化指南详细介绍了这些主题。
正确的标题层次结构 (<h1> 到 <h6>) 也很重要。按逻辑顺序使用标题而不跳级可以明确文档结构。
从字符计数角度看,语义元素标签名比 <div> 长,但准确传达内容含义的好处更大。Web 标准设计书籍提供了更多背景知识。