HTML基础
<a href="/about">关于我</a>
<br>
</nav>
<br>
</header>
<br>
<main>
<br>
<article>
<br>
<h2>HTML学习心得</h2>
<br>
<section>
<br>
<h3>基础标签学习</h3>
<br>
<p>...</p>
<br>
</section>
<br>
<section>
<br>
<h3>语义化结构的重要性</h3>
<br>
<p>...</p>
<br>
</section>
<br>
</article>
<br>
</main>
<br>
<footer>
<br>
<p>© 2025 我的博客 版权所有</p>
<br>
</footer>
<br>
</body>
<br>
</html>
<br>
<br>
这样的代码不仅让开发者能快速理解各部分的功能，浏览器和搜索引擎也能更准确地识别页面内容 —— 比如搜索引擎会优先抓取<main>和<article>中的内容，提升页面的搜索排名；屏幕阅读器（帮助视障用户访问网页的工具）也能通过语义化标签，更清晰地为用户播报页面结构，提升页面的可访问性。
<br>
这部分学习让我明白：HTML 的 “结构” 比 “样式” 更基础。即使不添加任何 CSS 样式，用语义化标签搭建的页面，也能通过浏览器的默认样式呈现出清晰的层级（比如标题标签的字体大小随级别递减，<main>与<header>、<footer>自然分隔），而混乱的结构哪怕用 CSS 美化，也难以掩盖逻辑的缺失。
<br>
二、HTML 核心技术：链接、图片与列表的 “血肉”