認(rèn)識<br>與<p>標(biāo)簽之間的區(qū)別

br與p標(biāo)簽區(qū)別，br和p標(biāo)簽認(rèn)識之p+css開發(fā)時候常用換行標(biāo)簽
接下來，我們介紹下html中常遇見和常用到的<br />和<p>標(biāo)簽之間的區(qū)別及用法，以及使用css對他們控制設(shè)置屬性樣式——擴(kuò)展知識css換行，css不換行。

一、綜合介紹br p - TOP

首先，相同之處是br和p都是有換行的屬性及意思
其次，區(qū)別<br />是只需一個單獨使用，而<p>和</p>是一對使用
再次，br標(biāo)簽是小換行提行，p標(biāo)簽是大換行（分段）各行作用。
Br實例，特別注意是br的web標(biāo)準(zhǔn)是<br />,而如果用<br>沒有"/"雖然效果相同，但是是不符合w3c標(biāo)準(zhǔn)的。
這個是<p>標(biāo)簽實例，可以看出使用html p標(biāo)簽是換了一個大行，有一個空白行樣式。
在未對p設(shè)置css樣式時候，一般使用一個<p>段落標(biāo)簽效果等于使用兩個<br />換行標(biāo)簽效果。

使用p標(biāo)簽的時候需要注意的是需要<p>和</p>是一對配合使用的，可見以上圖例即可了解與理解。

當(dāng)然可以讓p標(biāo)簽換行與br換行一樣沒有空白，可以使用css對對應(yīng)p標(biāo)簽進(jìn)行設(shè)置margin:0; padding:0;即可實現(xiàn)，實例p{ margin:0; padding:0;}，即可實現(xiàn)<p>等于一個<br />。

以上是php中文網(wǎng)給大家通俗介紹br“<br />”和p“<p>”標(biāo)簽用法。

Html p與br區(qū)別用法知識篇

P和Br都有換行作用，p標(biāo)簽是段落標(biāo)簽，br是強制換行標(biāo)簽。

二、相關(guān)html知識 - TOP

1、html p
2、html br

三、<P>和<br />標(biāo)簽區(qū)別 - TOP

P是使用一對<p></p>組合標(biāo)簽，而br獨立一個<br />閉合標(biāo)簽。

1、P段落標(biāo)簽介紹
通常文章中段落區(qū)分明顯上段文字與下段文字有一定間隔我們就可以對上下段文字都使用p標(biāo)簽，我們使用p段落標(biāo)簽，在一段文字開始前使用<p>，在這段文字結(jié)束加個</p>標(biāo)簽。段落p標(biāo)簽將讓上段與下段文字有一定距離，大概是兩倍line-height行高距離。

2、Br強制換行標(biāo)簽介紹
區(qū)別于p段落標(biāo)簽，br標(biāo)簽我們用于文段換行排版。換行后上下行文字距離是按line-height行高實現(xiàn)間距。
html <br />強制換行標(biāo)簽演示截圖

通常同等初始化下網(wǎng)頁里，要實現(xiàn)上下文字間隔相同，2個br換行標(biāo)簽相當(dāng)于使用p段落標(biāo)簽。

Html P段落與html Br換行對比案例HTML代碼片段：

第一行文字 <br /> 
第二行文字<br /><br /> 
第三行文字<br /> 
第四行文字 
<p>第一段文字</p> 
<p>第二段文字</p> 
<p>第三段文字</p>

四、Br與p總結(jié) - TOP

我們需要文字小換行時候我們使用br換行標(biāo)簽，如果要實現(xiàn)段落可以使用p標(biāo)簽，這樣HTML結(jié)構(gòu)清晰有利于搜索引擎與用戶閱讀文章，適當(dāng)?shù)亩温渑c換行布局應(yīng)該從用戶閱讀習(xí)慣。

以上就是認(rèn)識<br>與<p>標(biāo)簽之間的區(qū)別的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！