如何在HTML代碼中使用預(yù)先設(shè)置格式的文本標(biāo)記

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

在網(wǎng)站建設(shè)中，當(dāng)您將文本添加到Web頁(yè)面的HTML代碼中(例如在段落元素中)時(shí)，您幾乎無法控制這些文本行將在何處斷開或?qū)⑹褂玫拈g距。這是因?yàn)閃eb瀏覽器將根據(jù)包含文本的區(qū)域根據(jù)需要對(duì)文本進(jìn)行流動(dòng)。這包括響應(yīng)式網(wǎng)站建設(shè)技術(shù)，將有一個(gè)非常流暢的布局，根據(jù)大小的屏幕被用來查看頁(yè)面。當(dāng)HTML文本到達(dá)其包含區(qū)域的末尾時(shí)，它將在需要的地方打斷一行。因此，瀏覽器在確定文本如何斷開方面發(fā)揮了更大的作用，如何在HTML代碼中使用預(yù)先設(shè)置格式的文本標(biāo)記呢？

在添加間距以創(chuàng)建特定格式或布局方面，HTML無法識(shí)別添加到代碼中的間距，包括空格鍵、制表符或回車符。如果在一個(gè)單詞和后面的單詞之間加20個(gè)空格，瀏覽器將只顯示一個(gè)空格。這就是所謂的空白崩潰，它實(shí)際上是HTML的概念之一，許多剛進(jìn)入這個(gè)行業(yè)的人最初都很難理解這一概念。他們期望HTML空白在像MicrosoftWord這樣的程序中的工作方式，但這根本不是HTML空白的工作方式。在大多數(shù)情況下，對(duì)任何HTML文檔中的文本的正常處理正是您所需要的，但在其他情況下，您可能實(shí)際上想要更多地控制文本的具體間距以及換行的位置，這就是預(yù)先格式化的文本。

許多年前，人們通常會(huì)看到帶有預(yù)先格式化的文本塊的網(wǎng)頁(yè)，使用

pre

標(biāo)記按照鍵入本身的格式定義頁(yè)面的各部分，這對(duì)于Web設(shè)計(jì)人員來說是一種快速而簡(jiǎn)單的方法，可以使文本按照自己的意愿顯示。這是在CSSforLayout興起之前，當(dāng)時(shí)的Web設(shè)計(jì)人員真的被困住了，試圖通過使用表格和其他純HTML的方法來強(qiáng)制進(jìn)行布局。這(有點(diǎn))起了反作用，因?yàn)轭A(yù)先格式化的文本被定義為文本，其中的結(jié)構(gòu)是由排版約定而不是HTML呈現(xiàn)定義的。今天，這個(gè)標(biāo)記不再被使用，因?yàn)镃SS允許我們以比試圖將外觀強(qiáng)制添加到HTML中更有效的方式來指示視覺樣式，并且因?yàn)閃eb標(biāo)準(zhǔn)規(guī)定了結(jié)構(gòu)(HTML)和樣式(CSS)的明確分離。但是，也可能有一些預(yù)先設(shè)置格式的文本是有意義的，比如您想要強(qiáng)制換行的郵件地址，或者詩(shī)歌的例子，換行對(duì)于內(nèi)容的閱讀和整體流程是必不可少的。

下面是使用HTML

標(biāo)記的一種方法：

Twas brillig and the slithey toves
Did gyre and gimble
in the wabe

需要注意的一點(diǎn)是，在HTML5中，不再支持<；pre>；元素的“寬度”屬性。在HTML4.01中，寬度指定一行將包含的字符數(shù)，但對(duì)于HTML5及更高版本，這一點(diǎn)已被刪除。

名稱欄目：如何在HTML代碼中使用預(yù)先設(shè)置格式的文本標(biāo)記
URL地址：http://www.bm7419.com/news/154085.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站導(dǎo)航、域名注冊(cè)、移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、全網(wǎng)營(yíng)銷推廣

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

猜你還喜歡下面的內(nèi)容