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

2022-05-23 分类：网站建设

标签并设置标签属性" alt="网站建设过程中如何插入

标签并设置标签属性" />

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

HR标签是语义的吗？

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

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

HTML4和HTML5中的HR属性

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

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

<hr style="height:10px">

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

hr { height:10px }

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

<hr size="10">

在CSS和HTML中设置水平线的样式有很大的自由度。在所有浏览器中，只有宽度和高度样式是一致的，因此在使用其他样式时可能需要一些尝试和错误。默认宽度始终为网页或父元素宽度的100%，规则的默认高度为两个像素。

新闻名称：网站建设过程中如何插入＜hr＞标签并设置标签属性
网站路径：https://www.cdcxhl.com/news0/156850.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容