Html中br和p標簽的換行區別


br與p標簽區別,br和p標簽認識之div+css開發時候常用換行標簽
接下來,我們介紹下html中常遇見和常用到的<br />和<p>標簽之間的區別及用法,以及使用css對他們控制設置屬性樣式——擴展知識css換行,css不換行。

一、綜合介紹<br> <p>  
首先,相同之處是br和p都是有換行的屬性及意思。
其次,區別<br />是只需一個單獨使用,而<p>和</p>是一對使用。
再次,br標簽是小換行提行,p標簽是大換行(分段)各行作用。

 Br實例,特別注意是br的web標准是<br />,而如果用<br>沒有"/"雖然效果相同,但是是不符合w3c標准的。

 

這個是<p>標簽實例,可以看出使用html p標簽是換了一個大行,有一個空白行樣式。
在未對p設置css樣式時候,一般使用一個<p>段落標簽效果等於使用兩個<br />換行標簽效果。


說明如下圖示意圖:

上圖表現的正是兩個br標簽等於一個p實例。

 

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

當然可以讓p標簽換行與br換行一樣沒有空白,可以使用css對對應p標簽進行設置margin:0; padding:0;即可實現,實例p{ margin:0; padding:0;},即可實現<p>等於一個<br />。

以上是div css網給大家通俗介紹br“<br />”和p“<p>”標簽用法。

Html <p>與<br>區別用法知識篇

<P>和<Br>都有換行作用,p標簽是段落標簽,br是強制換行標簽。

 

二、相關html知識 

1、html <p>
2、html <br>

三、<P>和<br />標簽區別 

P是使用一對<p></p>組合標簽,而br獨立一個<br />閉合標簽。

1、P段落標簽介紹
通常文章中段落區分明顯上段文字與下段文字有一定間隔我們就可以對上下段文字都使用p標簽,我們使用p段落標簽,在一段文字開始前使用<p>,在這段文字結束加個</p>標簽。段落p標簽將讓上段與下段文字有一定距離,大概是兩倍line-height行高距離。
案例效果截圖:

p標簽演示截圖

 

2、Br強制換行標簽介紹
區別於p段落標簽,br標簽我們用於文段換行排版。換行后上下行文字距離是按line-height行高實現間距。

html <br />強制換行標簽演示截圖

 

通常同等初始化下網頁里,要實現上下文字間隔相同,2個br換行標簽相當於使用p段落標簽。

P與br標簽對比使用案例截圖

 

html p與html br標簽對比區別說明截圖。

 

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

第一行文字 www.divcss5.com<br /> 
02.第二行文字<br /><br /> 
03.第三行文字<br /> 
04.第四行文字 
05.<p>第一段文字</p> 
06.<p>第二段文字</p> 
07.<p>第三段文字</p>
View Code

四、Br與p總結 - TOP

我們需要文字小換行時候我們使用br換行標簽,如果要實現段落可以使用p標簽,這樣HTML結構清晰有利於搜索引擎與用戶閱讀文章,適當的段落與換行布局應該從用戶閱讀習慣。

相關閱讀:
1、Br強制換行
2、P段落換行
3、html標簽內title屬性換行方法

 

 

來源網址:http://www.divcss5.com/html/h78.shtml


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM