2014-10-28 33 views
0

即時開始學習HTML,我想知道爲什麼你需要關閉< p> </p>或其他人如< a>與</a>等如果你不關閉它,只是離開它作爲< p>然後直接進入網站的下一部分不會看起來一樣嗎?爲什麼你需要在html中關閉段落,鏈接,圖像等?

+0

HTML基於SGML,類似於XML。我建議你學習** Jade **,如果你想編碼的HTML沒有關閉標籤 - http://jade-lang.com/ – vsync 2014-10-28 19:18:47

回答

2

瀏覽器解析該代碼需要知道在元件端部,因爲標籤可以潛在地彼此嵌套。

例如,如果我的語義是<p>Here is some text<a>and a link<p> and more text.,那麼將無法判斷鏈接是否應該在段落文本中或段落文本之後。

它可以翻譯爲:

<p>here is some text<a>and a link</a></p> 
<p>and more text</p> 

<p>here is some text</p> 
<a>and a link</a> 
<p>and more text</p> 

,甚至可能

<p>here is some text<a>and a link<p>and more text</p></a></p> 

這將使整個第二段可點擊的鏈接。

的原因在於它「看起來一樣」當你把它加載到瀏覽器是很多瀏覽器會盡力糾正不良的HTML,以便用戶仍然可以看到東西(而不是該網站崩潰或不在所有顯示或顯示錯誤)

+0

非常感謝你非常有幫助。 – JackV 2014-10-28 18:52:45

+0

@JackV:如果回答了您的問題,請將答案標記爲已接受(左側選中標記) – arcyqwerty 2014-10-28 20:29:23

0

離開了關閉標籤並非全是好。有沒有離開結束標記的重要原因:

收盤標籤提供結構:

如果您有最低限度的編碼它可能很快加載HTML文件,但它可能很快一隻熊來維持。如果沒有完整的開始和結束標籤結構,添加新的表格行或列可能很難快速完成。人們通常會通過縮進來解決這個問題,這會將字符重新添加到文檔中,從而消除了您將它們排除在外的速度優勢。對全要素

CSS和JavaScript鉤:

雖然大多數瀏覽器可以顯示(和風格),沒有他們的結束標記標籤,缺少結束標記可以使關閉的確切位置風格或腳本動作不太清楚。如果您使用的是非常精確的佈局,那麼當您關閉標籤時,您會放棄對精度的控制 - 讓瀏覽器決定標籤的結束位置。有時瀏覽器猜對,有時候不對。

省略結束標記並不總是被允許的:

在HTML5中,所述</p>標籤可以被省略,當段之後緊接着大約25不同的元件。但HTML5中有超過100個元素。你是否會記住每一種情況都是有效的,以避免結束標籤?包括它可能更容易。

XHTML要求所有關閉標籤:

主要的原因大多數人使用結束標記這些元素是因爲XHTML的。當您編寫XHTML時,總是需要結束標記。如果您計劃在將來的任何時候將您的Web文檔轉換爲XHTML,最簡單的方法是包含結束標籤,以便您的文檔已準備就緒。

Click here供進一步閱讀。

0

不關閉標籤,所有的內容都在一個標籤內。當您使用更高級的HTML時,這使得無法控制您的內容。

例如,如果我想第一個div是藍色,而第二個div是黑色的,使用此:
<div style='color:blue;'>Blue section.<div>Black (normal) section.
會導致所有的div是藍色的。

通過關閉結束標記,您將得到您想要的結果。
<div style='color:blue;'>Blue section.</div><div>Black (normal) section.</div>

你可以用這裏的jsfiddle玩:http://jsfiddle.net/ea8zpcuu/

我希望這有助於! 祝您好運!