在 HTML 中，<h1> 和 <h2> 是标题级别标签，用于定义不同级别的标题。它们在页面的结构中具有不同的层次和语义含义。
主要区别如下：
层次结构： <h1> 表示最高级别的标题，通常用于页面的主标题。只应在一个页面中使用一个 <h1> 标签，标识整个页面的主题。而 <h2> 表示次级标题，通常用于页面的部分标题或子标题。
视觉样式：通常情况下，浏览器会对 <h1> 和 <h2> 应用不同的默认样式。<h1> 通常会比 <h2> 文本更大、更粗，以示重要性和层次关系。这种差异在视觉上有助于用户理解页面的结构。
SEO（搜索引擎优化）：搜索引擎通常将 <h1> 标签的文本视为页面的主题或关键词，对页面排名和搜索结果有重要影响。因此，<h1> 应该用于呈现页面的主要关键词或主题。而 <h2> 标签的文本则被视为次要标题，对页面的主题和关键词的重要性较低。
示例代码中的使用示例：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>这是我的网页</h1>
<h2>介绍</h2>
<p>这是一个示例网页的内容。</p>
<h2>特点</h2>
<ul>
<li>特点1</li>
<li>特点2</li>
<li>特点3</li>
</ul>
</body>
</html>
在上面的示例中，<h1> 标签用于定义页面的主标题，表示整个页面的主题为 "这是我的网页"。然后，<h2> 标签用于定义次级标题 "介绍" 和 "特点"，表示这两个部分的标题。接下来的段落和列表则是与这些标题相关的内容。