HTML语义化：网页结构的语言美学

很多初学者喜欢用<div>堆满页面，但其实 HTML 提供了更具“含义”的标签：比如 <header> 表示头部区块，<main> 表示页面主体，<section> 表示独立内容块，<article> 适合用于新闻或帖子，而 <footer> 代表底部信息。使用这些标签，浏览器和搜索引擎就能更好地理解你在写什么。

举个例子，<nav> 标签被用于导航栏，不仅代码清晰，还让屏幕阅读器能更好地为视障用户提供导航体验。

语义化结构也有利于 SEO：Google 抓取器更倾向于解析有意义的结构化内容，而不是一大堆嵌套的 div。优秀的前端，从来不是堆代码，而是用“写作”的方式讲结构的故事。