標(biāo)題定義的。' />
源碼源著微信
HTML 段落
HTML 段落
段落是通過 <p> 標(biāo)題定義的。
實(shí)例
<p>This is a paragraph</p>
<p>This is another paragraph</p>
注釋:瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。(<p> 是塊級(jí)元素)
提示:使用空的段落標(biāo)記 <p></p> 去插入一個(gè)空行是個(gè)壞習(xí)慣。用 <br /> 標(biāo)簽代替它!(但是不要用 <br /> 標(biāo)簽去創(chuàng)建列表。不要著急,您將在稍后的篇幅學(xué)習(xí)到 HTML 列表。)
不要忘記結(jié)束標(biāo)簽
即使忘了使用結(jié)束標(biāo)簽,大多數(shù)瀏覽器也會(huì)正確地將 HTML 顯示出來:
實(shí)例
<p>This is a paragraph
<p>This is another paragraph
上面的例子在大多數(shù)瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結(jié)束標(biāo)簽會(huì)產(chǎn)生意想不到的結(jié)果和錯(cuò)誤。
注釋:在未來的 HTML 版本中,不允許省略結(jié)束標(biāo)簽。
提示:通過結(jié)束標(biāo)簽來關(guān)閉 HTML 是一種經(jīng)得起未來考驗(yàn)的 HTML 編寫方法。清楚地標(biāo)記某個(gè)元素在何處開始,并在何處結(jié)束,不論對(duì)您還是對(duì)瀏覽器來說,都會(huì)使代碼更容易理解。
HTML 折行
如果您希望在不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行(新行),請(qǐng)使用 <br /> 標(biāo)簽:
<p>This is<br />a para<br />graph with line breaks</p>
<br /> 元素是一個(gè)空的 HTML 元素。由于關(guān)閉標(biāo)簽沒有任何意義,因此它沒有結(jié)束標(biāo)簽。
<br> 還是 <br />
您也許發(fā)現(xiàn) <br> 與 <br /> 很相似。
在 XHTML、XML 以及未來的 HTML 版本中,不允許使用沒有結(jié)束標(biāo)簽(閉合標(biāo)簽)的 HTML 元素。
即使 <br> 在所有瀏覽器中的顯示都沒有問題,使用 <br /> 也是更長(zhǎng)遠(yuǎn)的保障。
HTML 輸出 - 有用的提示
我們無法確定 HTML 被顯示的確切效果。屏幕的大小,以及對(duì)窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。
對(duì)于 HTML,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當(dāng)顯示頁面時(shí),瀏覽器會(huì)移除源代碼中多余的空格和空行。所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個(gè)空格。
<html>
<body>
<h1>春曉</h1>
<p>
春眠不覺曉,
處處聞啼鳥。
夜來風(fēng)雨聲,
花落知多少。
</p>
<p>注意,瀏覽器忽略了源代碼中的排版(省略了多余的空格和換行)。</p>
</body>
</html>
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開發(fā)聯(lián)系我們
友情鏈接: