<p>和<br>標(biāo)簽在網(wǎng)站建設(shè)開發(fā)中的正確使用方式

2022-05-01    分類: 網(wǎng)站建設(shè)


當(dāng)談到網(wǎng)站建設(shè)或者學(xué)習(xí)HTML時(shí),大多數(shù)人在早期學(xué)習(xí)的兩個(gè)標(biāo)簽是段落和換行標(biāo)簽,分別是<p>和<br/>,這兩個(gè)標(biāo)簽分別是<p>和<br>。這些標(biāo)簽在文本中放入自然的分割符,這樣網(wǎng)頁的內(nèi)容就更容易閱讀了。雖然這些標(biāo)記相當(dāng)容易使用,但它們也可能引起一些混淆并被誤用。其實(shí)很多人即便從事網(wǎng)站制作開發(fā)很多年,一樣存在將<p>和<br>標(biāo)簽用錯(cuò)用混的情況發(fā)生。所以作為一家專業(yè)網(wǎng)站建設(shè)公司,創(chuàng)新互聯(lián)有必要整理出<p>和<br>標(biāo)簽在網(wǎng)站建設(shè)開發(fā)中的正確使用方式,認(rèn)真讀完本文或許對(duì)你以后的網(wǎng)站編程有所幫助。
正確使用HTML段落元素
段落元素<p>用作標(biāo)記對(duì),<p>標(biāo)記用于開始元素,</p>標(biāo)記用于結(jié)束元素。在編寫HTML4或HTML5時(shí),技術(shù)上不需要結(jié)束標(biāo)記,但關(guān)閉此標(biāo)記被認(rèn)為是好實(shí)踐。在XHTML中,需要結(jié)束</p>。您在網(wǎng)站上使用段落元素的方式與您為滿足網(wǎng)絡(luò)外需求而編寫內(nèi)容時(shí)所用的方式相同-當(dāng)您想要開始一個(gè)新的想法或觀點(diǎn)時(shí)。大多數(shù)瀏覽器顯示的段落之間只有一個(gè)空行。以下是HTML中的一個(gè)示例段落:
<p>Now is the time for all good men to come to the aid of their country. The quick brown fox jumped over the lazy sleeping dog.</p>
許多其他標(biāo)簽可以出現(xiàn)在開始和結(jié)束段落標(biāo)簽之間。
正確使用HTML換行符元素
換行符元素<;br>;標(biāo)記是一個(gè)單例標(biāo)記-它沒有結(jié)束標(biāo)記。在XHTML中,必須使用帶有最后斜杠<br/>標(biāo)記,但在HTML(包括HTML5)中,它不是必需的。BREAK元素是網(wǎng)頁文本流中的強(qiáng)制換行。當(dāng)您希望文本在下一行繼續(xù)時(shí)使用它,但內(nèi)容并不是一個(gè)單獨(dú)的想法或觀點(diǎn),這將使它成為另一個(gè)段落。這方面的一個(gè)例子發(fā)生在詩歌中,換行符通常是固定的。以下是段落中的換行示例:
<p>Now is the time for all good men to come to the aid of their country.<br/>
The quick brown fox jumped over the lazy sleeping dog.</p>
由于換行符標(biāo)記是單例標(biāo)記,因此不能在其中使用其他標(biāo)記。
<p>和<br>標(biāo)記的常見誤用
剛開始編碼的人在標(biāo)記網(wǎng)頁時(shí)會(huì)在段落和換行元素上犯一些常見的錯(cuò)誤。
  • 使用<br>更改文本行的長度:使用Break標(biāo)記以特定的方式強(qiáng)制文本顯示或斷開,可以確保您的頁面在瀏覽器上看起來很棒,但不一定是在其他瀏覽器上,當(dāng)然也不是在所有設(shè)備上。如果您的網(wǎng)站是響應(yīng)網(wǎng)站,它會(huì)根據(jù)不同的屏幕大小更改其布局。瀏覽器會(huì)自動(dòng)放入換行,然后當(dāng)涉及到<;br>;標(biāo)記時(shí),它會(huì)再次對(duì)文本進(jìn)行包裝,從而生成短行、長行和斷斷續(xù)續(xù)的文本。您應(yīng)該使用CSS樣式表來指定視覺樣式,而不是試圖通過添加特定的HTML元素來強(qiáng)制布局。
  • 使用<p></p>在元素之間添加空間:再次使用HTML創(chuàng)建可視化布局,在本例中為間距,而不是使用CSS。這是一些HTML編輯器的常見做法,雖然它在技術(shù)上并不錯(cuò)誤,但它會(huì)導(dǎo)致外觀笨拙的HTML,并且可能會(huì)使以后的編輯變得混亂。它也不符合web標(biāo)準(zhǔn)和結(jié)構(gòu)與風(fēng)格的分離。在某些情況下,在空的段落標(biāo)記中使用不間斷的空格可能會(huì)在不同的瀏覽器中導(dǎo)致意外的間距,因?yàn)樗鼈兯坪醵紝?duì)此有不同的解釋。實(shí)現(xiàn)設(shè)計(jì)中所需的間距元素的好解決方案是使用樣式表。

分享文章:<p>和<br>標(biāo)簽在網(wǎng)站建設(shè)開發(fā)中的正確使用方式
文章出自:http://www.muchs.cn/news17/148317.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司