如何在HTML代碼中使用預先設置格式的文本標記

2022-05-16 分類：網站建設

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

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

許多年前，人們通常會看到帶有預先格式化的文本塊的網頁，使用

pre

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

下面是使用HTML<pre>標記的一種方法：

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

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

新聞名稱：如何在HTML代碼中使用預先設置格式的文本標記
本文URL：http://m.kartarina.com/news35/154085.html

成都網站建設公司_創新互聯，為您提供靜態網站、定制網站、品牌網站制作、服務器托管、面包屑導航、網站改版

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

猜你還喜歡下面的內容

關于競爭對手網站的分析丨經驗分享 2022-05-16
HTML5的定稿真正可以顛覆目前火熱的原生APP嗎 2022-05-16
多域名解析一個網站，如何做到不影響搜索引擎的抓取？ 2022-05-16
作為一名合格的UI設計師，你需要具備哪些能力？ 2022-05-16
廣州網絡營銷”七”字訣 2022-05-16
查公積金、領養老金等多項民生服務一鍵解決！“粵省事”小程序很省事 2022-05-16