Skip to main content

用HTML写 - 段落和间距

2013042710將網頁設定成樣板,並增加可編輯區域 (六月 2025)

2013042710將網頁設定成樣板,並增加可編輯區域 (六月 2025)
Anonim

因此,您已经学习了基本的HTML概念和一些基本的HTML标记,并且您决定将一些HTML粘贴到CMS中。不幸的是,你的文章一起运行。一切都是一款!发生了什么?

不要惊慌。了解您的浏览器如何解释换行符,并且您将很快解决这个问题……或者至少,简单地解决这个问题。

浏览器忽略大多数空白区域

HTML是关于标记普通文本的。当文本在parchmentq上时,普通文本在巨大的块中一起运行。今天,我们将文本分解为 段落 .

你可能不会考虑段落。他们刚刚发生。你按下ENTER,就是这样。

但HTML是不同的。浏览器会尽力过滤掉看起来不重要的信息。你需要了解它是如何工作的,这样你就不会感到困惑。

假设您键入了一大堆空格:

我觉得e.e.卡明斯

您的平淡浏览器将提供这种清晰的演绎:

我觉得e.e.卡明斯

托托,我们不再在Word中了。浏览器 忽略额外的间距。它们将多个空间减少到一个空间。

浏览器也会 忽略你的换行符.

我觉得e.e.卡明斯,但无论如何,每个人都讨厌C A P I T A L S.

您的浏览器是这样的:

我觉得e.e.卡明斯,但无论如何,每个人都讨厌C A P I T A L S.

如果你来自文字处理器世界,这种行为可能令人吃惊。实际上,它给你很大的自由。

段落

但你可能仍然想要段落。他们来了:

这是一个段落。

这是另一段,即使它在同一行。即使我刚进入两个换行符,这仍然是第二段的一部分。现在我将结束第二段。

仔细看看

和 标签,然后看看浏览器做了什么。 这是一个段落。这是另一段,即使它在同一行。即使我刚进入两个换行符,这仍然是第二段的一部分。现在我将结束第二段。

看到?浏览器确实完全忽略了你的换行符。它只关心标签。

当然,通常,理智的选择是将您的段落与换行符匹配:

这是一个段落。

这是另一段。

但是换行符只适合你。浏览器会忽略它们。

添加一堆

标签可能很乏味。在这里和那里添加斜体是一回事。每次开始新段落时都必须添加标签。

可是等等!有希望!不要尖叫回你的文字处理器。

您的CMS可能会尊重您的空白行

幸运的是,一些CMS的目的是为了 自动插入段落标签 对你而言,在幕后。你可以简单地插入一个 空行 在段落之间,CMS完成其余的工作。

这是一个段落。没有标签!而且这里 另一个 段。

如果您的CMS具有此功能,您将获得:

这是一个段落。没有标签!而且这里 另一个 段。

为什么这样做?在CMS将您的文章作为网页吐出之前,它会添加必要的内容

标签。

您的CMS可能会自动执行此操作。如果没有,您可以打开此功能。

按段输入两次

在文字处理器中,您通常只在段落之间按一次ENTER。段落是一行,但文字处理器包装它们。

在HTML中,您想要 在段落之间按两次ENTER。如果您的CMS添加

标签自动,它可能需要一个空行。