在HTML和CSS的排版中，
标签是一个简单但强大的工具，用于在文本中插入换行。虽然
标签本身并不直接控制行高，但我们可以通过CSS样式来巧妙地设置行高，从而提升页面的排版效果。以下是对
标签的深入探讨，包括其用法、与行高的关联以及如何提升页面排版。
标签的基本用法
标签是一个单标签，用于在文本中强制换行。在HTML中，它的基本用法如下：
这是一行文字。
这是下一行文字。
在上述代码中，
标签将导致浏览器在第一行文字后插入一个换行符，从而开始新的一行。
标签与行高的关系
标签本身并不直接设置行高。行高通常是通过CSS的 line-height 属性来控制的。然而，
标签可以用来在文本中创建视觉上的行高效果。
例如，如果我们想要在两行文本之间增加额外的空间，我们可以使用
标签并应用 line-height 属性：
这是一行文字。
这是下一行文字，行高被设置为2em。
在这个例子中，
标签的 line-height 属性被设置为 2em，这意味着下一行文字的行高是正常行高的两倍。
提升页面排版效果的技巧
1. 使用 line-height 控制行高
通过设置 line-height 属性，我们可以控制文本的行高，从而提升文本的可读性。以下是一些设置行高的技巧：
使用 em 或 rem 单位，以便于在不同屏幕尺寸和字体大小下保持一致的行高。
为不同元素设置不同的行高，以创建层次感。
p {
line-height: 1.6; /* 常规段落行高 */
}
h1 {
line-height: 2; /* 标题行高通常比段落行高要大 */
}
2. 使用 vertical-align 调整垂直对齐
vertical-align 属性可以用来调整行内元素（如
标签）的垂直对齐方式。以下是一个例子：
br {
vertical-align: middle; /* 将
标签垂直居中对齐 */
}
3. 使用 clear 属性清除浮动
clear 属性可以用来清除元素周围的浮动内容。这对于防止文本环绕在浮动元素周围非常有用。
br.clear {
clear: both; /* 清除左右两侧的浮动内容 */
}
4. 使用 white-space 控制空白处理
white-space 属性可以用来控制空白字符的处理方式。例如，如果我们想要在文本中保留空白字符，可以使用以下样式：
p {
white-space: pre-wrap; /* 保留空白字符，并正确处理换行 */
}
总结
标签虽然简单，但在CSS中通过结合使用 line-height、vertical-align、clear 和 white-space 等属性，我们可以巧妙地设置行高，从而提升页面的排版效果。通过掌握这些技巧，我们可以创建更加美观和易读的网页布局。