或者:為什麼我的HTML全部像古代滾動一樣運行?
因此,您已經學習了基本的HTML概念和一些基本的HTML標籤 ,並且您決定將一些HTML粘貼到CMS中 。 不幸的是,你的文章一起運行。 一切都是一段! 發生了什麼?
不要驚慌。 了解你的瀏覽器如何解釋換行符,並且你會很快修復這個問題......或者至少,簡單地說。
瀏覽器忽略了大部分空白
HTML是關於標記普通文本的。 當文本出現在羊皮紙上時,普通的文本以巨型塊的形式出現在一起。 今天,我們將文本分成幾段 。
你可能不會考慮很多段落。 他們只是發生。 你按下ENTER,就是這樣。
但HTML是不同的。 瀏覽器盡力過濾出看起來不重要的信息。 你需要了解這是如何工作的,所以你不會感到困惑。
假設你輸入了一大堆空格:
我覺得自己很累你的平淡無奇的瀏覽器將給這個清晰的翻譯:
我覺得自己很累
我們現在不再是Word了,托托。 瀏覽器忽略額外的間距 。 它們將多個空間縮小到一個空間。
瀏覽器也會忽略你的換行符 。
無論如何,我覺得自己喜歡賺錢,但是大家都很討厭CAPITALS。你的瀏覽器使這個:
無論如何,我覺得自己喜歡賺錢,但是大家都很討厭CAPITALS。
如果你來自文字處理器世界,這種行為會令人吃驚。 事實上,它給了你很大的自由。
段落
但你可能還想要段落。 這裡是:
和 p>。
這是一段。 p>
這是另一段,即使它在同一行。 即使我剛剛進入兩個換行符,這仍然是第二段的一部分。 現在我要關閉第二段。 p>
仔細查看
和 p>標籤,然後查看瀏覽器的功能。
這是一段。 這是另一段,儘管它在同一行。 即使我剛剛進入兩個換行符,這仍然是第二段的一部分。 現在我要關閉第二段。
看到? 瀏覽器確實完全忽略了你的換行符。 它只關心標籤。
通常,當然,理智的選擇是將您的段落與換行符匹配:
這是一段。 p>
這是另一段。 p>
但換行符僅適用於您。 瀏覽器忽略它們。
添加一堆
標籤可能很乏味。 在這里和那裡添加斜體是一回事。 每次開始新的段落時都必須添加標籤。
可是等等! 有希望! 不要跑回你的文字處理器尖叫。
您的CMS可能會尊重您的空白行
幸運的是,一些CMS設計為在幕後為您自動插入段落標籤 。 您可以簡單地在段落之間插入一個空白行 ,然後CMS完成剩下的工作。
這是一段。 沒有標籤! 這是另一個 em>段落。如果你的CMS有這個功能,你會得到:
這是一段。 沒有標籤! 這是另一段。
為什麼這個工作? 在CMS將您的文章作為網頁吐出之前,它會添加必要的
標籤。
您的CMS可能會自動執行此操作。 如果沒有,您可以啟用此功能。
按兩次為段落命中
在文字處理器中,通常在段落之間只敲擊一次ENTER。 這些段落是單行的,但文字處理軟件包裝它們。
在HTML中,您想要在段落之間按兩次ENTER 。 如果您的CMS自動添加
標籤,則可能需要空行。
HTML換行符不同
在瀏覽器中,段落之間有空間。 如果你只是想結束一條線,在下一行之前沒有空格呢? 沒問題。 有一個換行標籤。