2017-04-02 145 views
-1

這兩個簡化HTML5碼得到相同的結果:HTML5輸出解釋

碼#1:

<html> 
<head> 
    <title>test</title> 
</head> 
<body> 
    <p>test1</p> 
</body> 
</html> 

-

代碼#2:

<html> 
<head> 
    <title>test</title> 
</head> 
<body> 
    test1 
</body> 
</html> 

== ==

輸出是一樣的在這兩種情況下,屏幕都會打印單詞「test1」,那麼使用什麼標籤<p>?瀏覽器如何理解這兩個代碼?請注意文件的代碼是擴展名爲.html

+2

看看這個:http://stackoverflow.com/questions/28529390/ok-to-have-text-in-div-without-paragraph-tag – blackandorangecat

+0

可能的重複的[確定文本在div沒有段落標記?](http://stackoverflow.com/questions/28529390/ok-to-have-text-in-div-without-paragraph-tag) –

回答

1

<p>標籤代表,它是用於文本,你可以在MDN閱讀更多關於它:https://developer.mozilla.org/en/docs/Web/HTML/Element/p

如果採取AA好好看看你會看到輸出不一樣,p稍微偏離頁面,因爲它有一個默認的頁邊距設置,例如div沒有。

瀏覽器通過代碼/標記進行解析,並將每個標籤中的內容相應地呈現給該特定標籤的默認佈局設置。