在 HTML5 中，<br> 标签是一种非常基础的元素，它主要用于在文档中实现文本的换行功能。尽管在现代网页设计中，块级元素（如 <div>、<p> 等）通常可以用来控制布局和换行，但 <br> 标签仍然在一些特定场景下扮演着重要的角色。
<br> 标签的基本用法
要使用 <br> 标签进行换行，只需将其添加到需要换行的文本中。以下是 <br> 标签的基本语法：
<br>
这个标签本身不需要任何属性，它仅仅作为一个空元素存在，即没有开始标签和结束标签的区别。例如：
这是一个很长的句子，使用<br>来强制换行。
在上述代码中，<br> 标签将导致浏览器在显示文本时在这里进行换行。
<br> 标签的属性
尽管 <br> 标签本身没有太多属性，但有一些属性可以在特定情况下使用：
1. clear
clear 属性可以用来控制浏览器在 <br> 标签之前的内容是否被清除。它有以下三个值：
none（默认值）：允许文本在<br>标签前继续。left：清除左侧浮动。right：清除右侧浮动。both：清除左右两侧的浮动。
例如：
<div style="float: left; width: 50%;">浮动内容</div>
<br clear="left">
<div style="float: right; width: 50%;">另一个浮动内容</div>
在上述代码中，第一个 <div> 会有一个左浮动，第二个 <div> 会有一个右浮动。使用 <br clear="left"> 可以清除左浮动，使第二个 <div> 能够正确显示。
2. align
align 属性用于指定文本在 <br> 标签处对齐的方式，它有以下三个值：
left（默认值）：左对齐。right：右对齐。center：居中对齐。justify：两端对齐。
例如：
这是一个居中对齐的句子。<br align="center">
在上述代码中，文本将会在 <br> 标签处居中对齐。
总结
虽然 <br> 标签是一个简单的标签，但在 HTML5 文档中仍然有其用途。它可以帮助我们在需要换行的地方实现文本的换行效果，同时通过使用 clear 和 align 属性，还可以实现一些简单的布局控制。了解 <br> 标签的基本用法和属性，有助于我们更好地控制网页的布局和文本显示。