幻世域-公会争霸活动网

满屏 div 有什么问题

打开浏览器开发者工具，审查很多网页的 HTML，会看到这样的结构：

从视觉上看，这没什么问题——浏览器会正常渲染。但对于搜索引擎爬虫和屏幕阅读器来说，这是一团没有意义的盒子。它们无法判断哪部分是导航、哪部分是主要内容、哪部分是页脚。

HTML 语义化就是为了解决这个问题。

什么是语义化 HTML

语义化 HTML 是指用能够表达内容含义的标签来组织页面结构，而不仅仅用 div 和 span 充当纯布局容器。

HTML5 引入了大量语义标签，让标签本身就能告诉浏览器、搜索引擎和辅助技术"这块内容是什么"。

语义化带来三个直接好处：

1. SEO：搜索引擎能更准确理解页面结构，判断内容的重要性和相关性，有助于提升排名。

2. 无障碍访问（Accessibility）：屏幕阅读器依赖语义标签为视觉障碍用户导航，