如何使用HR标记插入HTML中的行

要知道的内容

  • 只是输入<.人力资源>使用HR标记插入HTML中的一行。
  • 通过在HTML5文档中编辑CSS编辑行特征。

小时标签用于Web文档以在页面上显示水平线,有时称为水平规则。与某些标签不同,此一个不需要结束标记。类型<.人力资源>插入该行。

是人力资源标签语义吗?

在HTML4中,HR标记不是语义。语义元素在浏览器方面描述它们的含义,开发人员可以很容易地理解。HR标记只是一种方法可以在任何您想要的任何地方添加简单的线路。仅在元素的顶部或底部显示元素的元素的顶部或底部边框,但通常,HR标签更易于用于此目的。

从HTML5开始,HR标记变为语义,它现在定义了一个段级主题中断,这是一个不保证新页面或其他更强大的分隔符的内容流中的休息时间 - 这是一个主题的更改。例如,您可能会在故事中发生变化后找到一个HR标记,或者它可以指示参考文档中的主题的更改。

HTML4和HTML5中的HR属性

该线延伸了页面的全宽。一些默认属性描述了行的厚度,位置和颜色,但如果您愿意,您可以更改这些设置。

在HTML4中,您可以分配HR标记简单属性,包括对齐,宽度和NOSHADE。对齐可以设置为剩下中央正确的,或者证明合法。宽度从默认的100%调整水平线的宽度,该宽度延长页面上的行。这NOSHADE.属性呈现纯色线而不是阴影颜色。

这些属性在HTML5中已过时。您应该在HTML5文档中使用CSS在HT中的HR标记进行样式。

这是使用内联CSS(直接插入文档的样式以及HTML)的风格化为10像素高的HTML5示例

屏幕截图显示如何使用内联CSS在HTML中体现HR标记
使用内联CSS进行体现HR。 詹妮弗kyrnin

      

在HTML5中体现水平线的另一种方式是使用单独的CSS文件,从HTML文档链接到它。在CSS文件中,您将写下如下样式:

屏幕截图显示如何使用外部CSS在HTML中体现HR标记
使用外部CSS以风格化HR。 詹妮弗kyrnin
hr {
高度:10px.
}

HTML4中的效果相同需要您将属性添加到HTML内容。以下是如何更改水平线的大小尺寸属性:

HTML中HR标记的大小属性的屏幕截图
在HTML4中体验HR标记。 詹妮弗kyrnin

      

有很多自由在CSS中造型水平线与html相比。

只有宽度高度样式在所有浏览器中都是一致的,因此使用其他样式时可能需要一些试验和错误。默认宽度始终为Web页面或父元素的宽度的100%。规则的默认高度是两个像素。

此页面是否有帮助?