HR标签在Web文档中用于在页面上显示水平线,有时也称为水平规则。与某些标记不同,这个标记不需" />

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


来源:网站优化外包 作者:坪山网络公司 日期:2019-01-21 浏览:

标签并设置标签属性" alt="网站建设过程中如何插入
标签并设置标签属性" border="0" />
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%,规则的默认高度为两个像素。
深圳市圣玺网络技术有限公司提供坪山区域的营销网站建设、品牌网站设计、企业网站改版制作、网站优化外包、网络营销推广、百度霸屏、SEO按天按效果付费等互联网广告服务!
本文由网上采集发布,不代表本站立场,转载联系作者并注明出处:https://www.webgaiban.cn/wzyh/1752.html

X

截屏,微信识别二维码

微信号:15019448256

(点击微信号复制,添加好友)

  打开微信