网站建设过程中如何插入＜hr＞标签并设置标签属性

HR标签在Web文档中用于在页面上显示水平线，有时也称为水平规则。与某些标记不同，这个标记不需要结束标记，所以只需键入<hr>即可插入该行。线条延伸到页面的整个宽度，并带有一些默认属性来描述线条的厚度、位置和颜色，但如果需要，您可以更改这些设置。您可以通过编辑页面的CSS来编辑HTML5文档中水平线的特征，HTML4水平线在文档的HTML端将被更改。那么在网站建设过程中如何插入<hr>标签并设置标签属性呢？或许本文可以给你一些启示。

在HTML4中，HR标记不是语义标记。语义元素用浏览器和开发人员可以很容易理解的术语来描述它们的含义。HR标签只是一种将简单的行添加到文档中的方法。仅设置要显示该线的图元的顶部或底部边框的样式时，在图元的顶部或底部放置一条水平线，但通常情况下，用于此目的HR标记更容易使用。

从HTML5开始，HR标签就变成了语义标记，现在它定义了段落级别的主题分隔，这是内容流中的中断，不需要新页面或其他更强的分隔符-这是主题的变化。例如，您可能会在文章中的场景更改后找到HR标签，或者它可以指示参考文档中主题的更改。

在HTML4中，可以为HR标记分配简单的属性，包括Align、Width和noshade。对齐方式可以设置为“左”、“中”、“右”或“对齐”。宽度从默认的100%调整水平线的宽度，该线在页面上延伸。noshade属性渲染实心颜色线，而不是着色颜色。

这些属性在HTML5中已过时。相反，您应该使用CSS在HTML5文档中设置HR标签的样式。这是一个HTML5示例，该示例使用内联CSS将水平线样式化为10像素高(样式与HTML一起直接插入到文档中)：

<hr style="height:10px">

在HTML5中设置水平线样式的另一种方法是使用单独的CSS文件，并从HTML文档链接到该文件。在CSS文件中，可以这样编写样式：

HTML4中的相同效果要求您向HTML内容添加一个属性。下面是如何使用size属性更改水平线的大小：

<hr size="10">