首頁 > web前端 > html教學 > html br標籤是什麼意思?還有html

的差別是什麼?

html br標籤是什麼意思?還有html

的差別是什麼?

寻∝梦
發布: 2018-08-25 09:40:13
原創
36959 人瀏覽過

這篇文章主要為大家介紹了關於HTML br的標籤,有些學過html的人都不知道br標籤到底要不要有閉合標籤呢,到底是不是個雙標籤呢,這篇文章就為大家解釋了這個問題,在什麼時候用html br標籤的雙標籤形式,和用html br單標籤的形式,當然了,本篇對於小白來學習也是可以的,因為介紹了html基礎標籤中的br標籤的用法和一些作用都在裡面,接下來一起來看吧

html br標籤的定義和作用:

##

標籤是空標籤(表示它沒有結束標籤,因此這是錯誤的:
)。在 XHTML 中,把結束標籤放在開始標籤中,也就是

請注意,
標籤只是簡單地開始新的一行,而當瀏覽器遇到

標籤時,通常會在相鄰的段落之間插入一些垂直的間距。

html br標籤的clear屬性:

如果您希望文字流在內聯表格或映像的下一行繼續輸出,請使用clear 屬性,該屬性有三個可選的值:left、right 或all,每個值都代表一個邊界或兩邊的邊界。

html br標籤的實例:

This text contains<br />a line break
登入後複製

#html br標籤的顯示效果:

This text contains

a line break

不明顯?沒事,小編繼續來寫個簡單的html br程式碼:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这是一个段落,一段话,很长很长很长很长很长<br/>我是分行是换一行显示的很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长<br/>我是分行是换一行显示的很长很长很长很长很长很长很长很长很长很长<br/>我是分行是换一行显示的很长很长很长很长很长很长</p>
</body>
</html>
登入後複製

這是html br顯示效果圖:

html br標籤是什麼意思?還有html<br/>和</br>的差別是什麼?

html br標籤的注意點:

  • 多個br標籤可以連續使用,使用了多少個br標籤就會換多少行

  • 由於HTML的作用就是用來給文本添加語義,而br標籤的語義是不另起一個段落換行,而在企業開發的一般情況下需要換行都是因為需要另起一個段落,所以在企業開發中很少使用br標籤

html
和的區別:

在早先發布的html規範中
/
/html br標籤是什麼意思?還有html<br/>和</br>的差別是什麼?等標記元素是無需“封閉自身”的,這就造成了html規範本身的不嚴謹,所以後來參考了更規範的XML語言的語法推出了xhtml。

在xhtml中所有類似br這樣的孤立標籤都需要自行封閉,具體的做法就是在標籤名字的後面跟個“/”,例如
,因此,是沒有這個寫法的。從邏輯上講
=
...,這樣做的目的是為了盡量減少網頁的程式碼量,同時保持邏輯嚴謹。

依照xhtml的標準,標籤都必須成對出現,不能成對的標籤也需要結束符號

所以br的寫法包括

其實你寫程式測試一下就知道,
這樣寫不表示換行一次,而是兩次

HTML是SGML的子集,SGML允許標籤沒有結束標籤,而換行元素剛好不需要內嵌元素,也就不需要結束標籤。所以在HTML中,應該寫成

XHTML是XML的子集,在XML中,標籤必須要有結束標籤。所以在XHTML中只寫
是不合文法的,必須寫成
或簡單寫成

在XHTML的發展過程中,要做到相容舊的HTML瀏覽器。而舊的HTML瀏覽器不理解(錯誤理解)這兩種寫法,對於第一種寫法,某些瀏覽器估計會理解成兩個
標籤(我沒有資料證明這一點),對於第二種寫法,某些瀏覽器會理解成一個叫做"br/"的標籤。所以在相容HTML的XHTML中我們通常會把它寫成
,這樣在HTML解析中會理解成有一個叫"/"的屬性的"br"標籤,在XML解析中仍然會理解成< ;br>的簡寫,達到了兩全其美的效果。

瀏覽器支援

所有瀏覽器都支援
標籤。

HTML 與 XHTML 之間的差異

在 HTML 中,
標籤沒有結束標籤。

在 XHTML 中,
標籤必須正確地關閉,例如這樣:

【小編的相關文章】

html5 canvas標籤的作用以及canvas標籤的歷史由來介紹

html5 ruby​​標籤的定義及使用方法詳解(內有實例介紹)

以上是html br標籤是什麼意思?還有html

的差別是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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