假设我们有一个简单的网页，包含了一篇文章和相关的评论区。我们将比较使用语义化标签和非语义化标签来构建这个页面的结构。 非语义化标签版本：

语义化标签版本：

My Website

• Home
• Articles
• Contact

Article Title

Lorem ipsum dolor sit amet...

Comment 1 Comment 2 Comment 3

© My Website

在这个示例中，我们可以看到语义化标签版本更加清晰地表达了页面的结构和内容。语义化标签不仅使页面更易于理解，还有助于搜索引擎优化和辅助技术的使用。

在非语义化标签版本中，我们使用了大量的div元素来布局和组织内容，而在语义化标签版本中，我们使用了header、nav、article、section、footer等标签来表达页面的不同部分。这有助于浏览器和搜索引擎更好地理解页面的结构。

总之，使用语义化标签能够提高网页的可读性、可访问性和搜索引擎优化，从而提升用户体验。