h1 标签的默认效果
在 HTML 中，<h1> 标签用于定义文档的主标题。默认情况下，<h1> 标签具备以下特点：
1. 字体大小
<h1> 标签通常具有最大的字体大小，默认字体大小约为 2em（相对于父元素的字体大小）。这意味着在浏览器中，<h1> 的文本比普通段落文本（如 <p> 标签）大得多，通常在 32px 或更大，具体取决于浏览器和用户的设置。
2. 字体粗细
<h1> 标签的文本通常是加粗的。大多数浏览器对标题标签应用了 font-weight: bold 的样式，这使得标题更加突出。
3. 行高
<h1> 标签的行高通常较大，默认情况下，浏览器会为其设置合适的行高，确保文本在视觉上的可读性。
4. 边距
<h1> 标签会有默认的上下外边距（margin）。这意味着在标题前后会有一定的空间，使得标题与其他内容（如段落）区分开来。一般来说，<h1> 的上边距和下边距分别为 0.67em 和 0.67em，这也可以根据浏览器而略有不同。
5. 文本颜色
默认情况下，<h1> 标签的文本颜色通常是黑色或浏览器默认的文本颜色，具体取决于用户的浏览器和操作系统设置。
6. 文本对齐
在默认情况下，<h1> 标签的文本通常是左对齐的，但这个对齐方式可以通过 CSS 进行修改，例如使用 text-align 属性。
7. SEO 和语义
<h1> 标签在搜索引擎优化（SEO）中具有重要意义。搜索引擎通常将 <h1> 标签中的文本视为页面主题的指示，因此合理使用 <h1> 标签可以提高页面的可见性和排名。
8. 可访问性
使用 <h1> 标签可以提高网页的可访问性。屏幕阅读器会识别 <h1> 标签，并将其视为文档结构的一部分，有助于视觉障碍用户理解页面内容。
9. 继承样式
<h1> 标签的样式可以使用 CSS 进行自定义和扩展。开发者可以根据项目需求，调整字体、颜色、边距、行高等属性，以确保网页的设计符合整体风格。
10. 示例
以下是一个简单的示例，展示了如何在 HTML 中使用 <h1> 标签：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例页面</title>
<style>
h1 {
color: blue; /* 自定义颜色 */
text-align: center; /* 自定义对齐 */
}
</style>
</head>
<body>
<h1>这是一个主标题</h1>
<p>这是一些段落文本，说明标题的内容。</p>
</body>
</html>
结论
<h1> 标签在网页设计中扮演着关键角色。它不仅用于展示主标题，还在搜索引擎优化和可访问性方面起着重要作用。了解 <h1> 标签的默认效果和特性，可以帮助开发者更好地利用它，从而提升网页的用户体验和可读性。
