HTML技巧之语义化你的代码
在编写HTML代码时，我们需要关注的一个重要方面就是代码的语义化，也就是正确地选择HTML标签、属性来展示页面内容和结构。
为什么要语义化？
1.提高代码可读性和可维护性：使用语义化标签和属性，能让开发者更容易地理解、维护和修改网页代码。
2.增强SEO优化：搜索引擎能更好地理解和分析网页，从而提高网页的收录和排名。
3.提高可访问性：语义化代码能更好地满足辅助功能用户(如盲人，需要借助屏幕阅读器等工具访问网页)对网页的访问需要。
语义化标签
1.标题标签（
~
）
用于定义文档或章节的标题，网页中主要的标题应该采用
标签，次要标题则采用
、
等标签。
等标签。
示例：
<h1>这是一个主标题1</h1>
<h2>这是一个次要标题1.1</h2>
<h3>这是一个次次要标题1.1.1</h3>
<h2>这是一个次要标题1.2</h2>
2.段落标签（
）
用于定义段落，是网页中最常用的标签之一，简单明了地表达了一个完整的意思。
示例：
<p> 这是一个段落，<strong>其中的文本被加粗了</strong>。</p>
<p> 这是另一个段落，<em>其中的文本被斜体了</em>。</p>
3.列表标签（
- 、
- ）
- 和
- 用于定义每个列表项。
示例：
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> <ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>4.链接标签（）
用于定义超链接，将网页的不同部分和其他网页相互链接起来，方便用户浏览。
示例：
<a href="https://www.baidu.com">百度</a> <a href="https://www.google.com">谷歌</a>5.图片标签（
）
标签用于嵌入图片到网页中。
示例：
<img src="image.jpg" alt="图片"># 语义化属性
使用语义化属性也是一种有效的语义化HTML代码的方法，常见的语义化属性包括title、alt、rel等。
1.title属性
title属性用于为网页元素提供标题或补充说明，可以更方便地为用户提供悬停提示。
示例：
<a href="https://www.baidu.com" title="百度一下，你就知道">百度</a>2.alt属性
alt属性用于为图片提供一个替代文本，避免当图片无法加载和访问时，用户无法得知图片的内容。
示例：
<img src="image.jpg" alt="图片">3.rel属性
rel属性用于指定链接文档和当前文档的关系，辅助搜索引擎理解网站的内容，提高网站的SEO优化。
示例：
<a href="https://www.baidu.com" rel="nofollow">百度</a>总之，语义化HTML代码能够提高网页的可读性和可维护性，增强搜索引擎的分析和收录能力，提高网页的可访问性，使网站更加优秀。
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！
- 用于定义无序列表和有序列表，
- 用于定义每个列表项。
- 和