首頁 > web前端 > html教學 > 認識

標籤之間的區別

認識

標籤之間的區別

一个新手
發布: 2017-10-24 13:14:32
原創
30002 人瀏覽過


br與p標籤區別brp標籤認識之p+css開發時候常用換行標籤
接下來,我們介紹下html中常遇見和常用到的

標籤之間的區別及用法,以及使用css對他們控制設定屬性樣式-擴展知識css換行,css不換行。

一、綜合介紹br p    -   TOP

首先,相同之處是br和p都是有換行的屬性及意思
其次,區別< ;br />是只需一個單獨使用,而

是一對使用
再次,br標籤是小換行提行,p標籤是大換行(分段)各行作用。
Br實例,特別注意是br的web標準是
,而如果用
沒有"/"雖然效果相同,但是是不符合w3c標準的。
這個是

標籤實例,可以看出使用html p標籤是換了一個大行,有一個空白行樣式。
在未對p設定css樣式時候,一般使用一個

段落標籤效果等於使用兩個
換行標籤效果。

使用p標籤的時候需要注意的是需要

是一對配合使用的,可見以上圖例即可了解與理解。

當然可以讓p標籤換行與br換行一樣沒有空白,可以使用css對對應p標籤進行設定margin:0; padding:0;即可實現,實例p{ margin:0; padding:0 ;},即可實作

等於一個

以上是php中文網跟大家通俗介紹br「
」和p「

」標籤用法。

Html p與br區別用法知識篇

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

二、相關html知識   -   TOP

#1、html p
2、html br

三、

和< ;br />標籤差異   -   TOP

P是使用一對

組合標籤,而br獨立一個
閉合標籤。

1、P段落標籤介紹
通常文章中段落區分明顯上段文字與下段文字有一定間隔我們就可以對上下段文字都使用p標籤,我們使用p段落標籤,在一段文字開始前使用

,在這段文字結束加上

標籤。段落p標籤會讓上段與下段文字有一段距離,大概是兩倍line-height行高距離。

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

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

Html P段落與html Br換行比較案例HTML程式碼片段:

第一行文字 <br /> 
第二行文字<br /><br /> 
第三行文字<br /> 
第四行文字 
<p>第一段文字</p> 
<p>第二段文字</p> 
<p>第三段文字</p>
登入後複製

四、Br與p總結   -   TOP

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

以上是認識

標籤之間的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板