Skip to main content

使用P&BR标签创建换行符和段落

IT新領域 35 - HTML基礎(1) 標題和段落教學 (六月 2025)

IT新領域 35 - HTML基礎(1) 標題和段落教學 (六月 2025)
Anonim

在学习HTML时,大多数人早期学习的两个标签是段落和换行符标签


分别。这些标记会在文本中添加自然中断,以便您的网页内容更易于阅读。虽然这些标签相当容易使用,但它们也会引起一些混淆并被误用。

正确使用HTML段落元素

段落元素

用作标记对

标签打开元素和

标签关闭它。在编写HTML4或HTML5时,技术上不需要结束标记,但是关闭此标记被认为是最佳做法。在XHTML中,结束

是必须的。

您在网站上使用段落元素的方式与在为网络外需求编写内容时相同 - 当您想要开始新的想法或点时。大多数浏览器显示段落,它们之间有一个空行。以下是HTML中的示例段落:

现在是所有好人来帮助他们国家的时候了。快速的棕色狐狸跳过懒惰的睡狗。

许多其他标签可以出现在开始和结束段落标签之间。

正确使用HTML换行符元素

换行元素
tag是单例标记 - 它没有结束标记。在XHTML中,您必须使用带有最终斜杠的标记(
),但在HTML(包括HTML5)中,它不是必需的。

break元素是网页文本流中的强制换行符。当你希望文本在下一行继续时你使用它,但内容不是一个单独的想法或点,这将使它成为另一个段落。诗歌的一个例子发生,其中换行通常是固定的。

以下是段落内换行的示例:

现在是所有好人来帮助他们国家的时候了。
快速的棕色狐狸跳过懒惰的睡狗。

由于换行符标记是单例标记,因此不能在其中使用其他标记。

常见的误用


标签

在编写网页时,新编码的人会对段落和换行元素产生一些常见错误。

  • 运用
    更改文本行的长度
    :使用break标记试图强制文本以特定方式显示或中断,可确保您的页面在浏览器上看起来很棒,但不一定在其他浏览器上,当然也不在所有设备上。如果您的网站是响应式网站,则会根据不同的屏幕尺寸更改其布局。浏览器自动放入自动换行,然后进入自动换行
    标签,它再次包装文本,导致短行,长行和不连贯的文本。您应该使用CSS样式表来指定视觉样式,而不是尝试通过添加特定的HTML元素来强制布局。
  • 运用在元素之间添加空格:再一次,这是转向HTML来创建一个可视化布局,在这种情况下是间距,而不是使用CSS。这是一些HTML编辑器的常见做法,虽然它在技术上不是错误的,但它会导致看起来很难看的HTML,并且可能会让以后编辑变得混乱。它也不符合网络标准以及结构和风格的分离。在某些情况下,在其他空段落标记内使用不间断空格可能会导致不同浏览器出现意外间距,因为它们似乎都有不同的解释。实现设计所需间距元素的最佳解决方案是使用样式表。

详细了解此HTML标记列表中的这些标记和其他标记。