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

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

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

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

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

pre

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

下面是使用HTML<pre>標(biāo)記的一種方法：

<pre>
Twas brillig and the slithey toves
Did gyre and gimble
in the wabe
</pre>

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

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、定制網(wǎng)站、品牌網(wǎng)站制作、服務(wù)器托管、面包屑導(dǎo)航、網(wǎng)站改版

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

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