在
網(wǎng)站建設(shè)中,當(dāng)您將文本添加到Web頁面的HTML代碼中(例如在段落元素中)時(shí),您幾乎無法控制這些文本行將在何處斷開或?qū)⑹褂玫拈g距。這是因?yàn)閃eb瀏覽器將根據(jù)包含文本的區(qū)域根據(jù)需要對(duì)文本進(jìn)行流動(dòng)。這包括
響應(yīng)式網(wǎng)站建設(shè)技術(shù),將有一個(gè)非常流暢的布局,根據(jù)大小的屏幕被用來查看頁面。當(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)頁,使用
pre
標(biāo)記按照鍵入本身的格式定義頁面的各部分,這對(duì)于Web設(shè)計(jì)人員來說是一種快速而簡單的方法,可以使文本按照自己的意愿顯示。這是在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)制換行的郵件地址,或者詩歌的例子,換行對(duì)于內(nèi)容的閱讀和整體流程是必不可少的。
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.rwnh.cn/news/154085.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站導(dǎo)航、域名注冊、移動(dòng)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、全網(wǎng)營銷推廣
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)