HTML中的物理和逻辑标签

HTML中的标签可分为物理标签和逻辑标签。物理标签表示元素在页面上的实际呈现方式，如文字、图片、链接等；而逻辑标签则用于描述内容的某种语义或含义，如段落、标题、列表等。合理使用物理标签和逻辑标签不仅可以提高页面可读性，也能提升SEO（搜索引擎优化）效果。

物理标签

<img>

该标签用于插入图片，常用属性有src表示图片的URL地址，alt表示图片的替代文本，可用于辅助技术（如屏幕阅读器）读出图片内容。示例：

<img src="image.jpg" alt="一只狐狸">

<a>

该标签用于创建链接，常用属性有href表示链接的URL地址，target表示链接的打开方式，如在当前窗口打开或新建标签页打开。示例：

<a href="https://www.baidu.com" target="_blank">百度一下，你就知道</a>

<br>

该标签用于换行，没有结束标签。示例：

<p>第一行文字<br>第二行文字</p>

<hr>

该标签用于插入水平线，也没有结束标签。示例：

<h3>章节标题</h3>
<hr>

逻辑标签

<p>

该标签用于表示段落，常用于文章和新闻等文本排版。示例：

<p>这是第一个段落。</p>
<p>这是第二个段落。</p>

<h1> ~ <h6>

该标签用于表示标题，<h1>为最高级别标题，<h6>为最低级别标题。示例：

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

<ul> 和 <ol>

这两个标签分别表示无序列表和有序列表，常配合<li>使用，<ul>中的每个子元素都是一个<li>，<ol>同理。示例：

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>
<ol>
  <li>第一步</li>
  <li>第二步</li>
  <li>第三步</li>
</ol>

<table>

该标签用于创建表格，常配合<tr>、<th>和<td>等标签使用。示例：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>25</td>
  </tr>
</table>

以上是HTML中常用的物理标签和逻辑标签，合理使用这些标签可以让页面更加美观和有结构，同时也有利于SEO效果的提升。