用HTML編寫:段落和間距

或者:為什麼我的HTML全部像古代滾動一樣運行?

因此,您已經學習了基本的HTML概念和一些基本的HTML標籤 ,並且您決定將一些HTML粘貼到CMS中 。 不幸的是,你的文章一起運行。 一切都是一段! 發生了什麼?

不要驚慌。 了解你的瀏覽器如何解釋換行符,並且你會很快修復這個問題......或者至少,簡單地說。

瀏覽器忽略了大部分空白

HTML是關於標記普通文本的。 當文本出現在羊皮紙上時,普通的文本以巨型塊的形式出現在一起。 今天,我們將文本分成幾段

你可能不會考慮很多段落。 他們只是發生。 你按下ENTER,就是這樣。

但HTML是不同的。 瀏覽器盡力過濾出看起來不重要的信息。 你需要了解這是如何工作的,所以你不會感到困惑。

假設你輸入了一大堆空格:

我覺得自己很累

你的平淡無奇的瀏覽器將給這個清晰的翻譯:

我覺得自己很累

我們現在不再是Word了,托托。 瀏覽器忽略額外的間距 。 它們將多個空間縮小到一個空間。

瀏覽器也會忽略你的換行符

無論如何,我覺得自己喜歡賺錢,但是大家都很討厭CAPITALS。

你的瀏覽器使這個:

無論如何,我覺得自己喜歡賺錢,但是大家都很討厭CAPITALS。

如果你來自文字處理器世界,這種行為會令人吃驚。 事實上,它給了你很大的自由。

段落

但你可能還想要段落。 這裡是:

這是一段。

這是另一段,即使它在同一行。 即使我剛剛進入兩個換行符,這仍然是第二段的一部分。 現在我要關閉第二段。

仔細查看

標籤,然後查看瀏覽器的功能。

這是一段。 這是另一段,儘管它在同一行。 即使我剛剛進入兩個換行符,這仍然是第二段的一部分。 現在我要關閉第二段。

看到? 瀏覽器確實完全忽略了你的換行符。 它只關心標籤。

通常,當然,理智的選擇是將您的段落與換行符匹配:

這是一段。

這是另一段。

但換行符僅適用於您。 瀏覽器忽略它們。

添加一堆

標籤可能很乏味。 在這里和那裡添加斜體是一回事。 每次開始新的段落時都必須添加標籤。

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

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

幸運的是,一些CMS設計為在幕後為您自動插入段落標籤 。 您可以簡單地在段落之間插入一個空白行 ,然後CMS完成剩下的工作。

這是一段。 沒有標籤! 這是另一個段落。

如果你的CMS有這個功能,你會得到:

這是一段。 沒有標籤! 這是一段。

為什麼這個工作? 在CMS將您的文章作為網頁吐出之前,它會添加必要的

標籤。

您的CMS可能會自動執行此操作。 如果沒有,您可以啟用此功能。

按兩次為段落命中

在文字處理器中,通常在段落之間只敲擊一次ENTER。 這些段落是單行的,但文字處理軟件包裝它們。

在HTML中,您想要在段落之間按兩次ENTER 。 如果您的CMS自動添加

標籤,則可能需要空行。

HTML換行符不同

在瀏覽器中,段落之間有空間。 如果你只是想結束一條線,在下一行之前沒有空格呢? 沒問題。 有一個換行標籤。