第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

HTML 中的代碼格式縮進(jìn)出現(xiàn)在文檔中

HTML 中的代碼格式縮進(jìn)出現(xiàn)在文檔中

繁花如伊 2023-08-21 19:25:32
這是我從 Anki(抽認(rèn)卡創(chuàng)建程序)復(fù)制并粘貼的 HTML 代碼。該代碼運(yùn)行良好。(背景:抽認(rèn)卡是一道編程題)<meta content="width=window-width, initial-scale=1.0" name="viewport">瀏覽器上渲染的代碼:顯然,該代碼以當(dāng)前格式不可讀。為了解決這個(gè)問(wèn)題,我添加了適當(dāng)?shù)目s進(jìn)。<meta content="width=window-width, initial-scale=1.0" name="viewport">What does this code do?<div>  <div background-attachment:="" background-clip:="" background-image:="" background-origin:="" background-position:="" background-repeat:="" background-size:="" class="highlight" initial;="" initial;"="">    <pre style="line-height: 25px;">      <table class="highlighttable" style="font-family: Arial;">        <tbody>          <tr>            <td>              <div 10px"="" class="linenodiv" padding-right:="">                <pre style="line-height: 125%">1</pre>              </div>            </td>            <td class="code">              <div class="highlight">                <pre style="line-height: 125%">&lt;<span style="color: #008000; font-weight: bold">meta</span> <                  span style="color: #7D9029">http-equiv</span>                  <span style="color: #666666">=</span>                  <span style="color: #BA2121">"X-UA-Compatible"</span>                  <span style="color: #7D9029">content</span>                  <span style="color: #666666">=</span>                  <span style="color: #BA2121">"IE=edge"</span>&gt;                </pre>              </div>            </td>          </tr>        </tbody>      </table>    </pre>  </div>  <div>    <center>      <br>    </center>  </div></div>奇怪的是:上面的縮進(jìn)現(xiàn)在出現(xiàn)在 HTML 文檔中。這不應(yīng)該發(fā)生,對(duì)嗎?我認(rèn)為 HTML 中的換行符對(duì)用戶不可見(jiàn)?
查看完整描述

1 回答

?
慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊

那是因?yàn)閣hitespaceis pre(由瀏覽器保留)。這樣做的目的是為了讓您可以縮進(jìn)代碼。通常,當(dāng)您想要在 HTML 中呈現(xiàn)代碼時(shí),您可以取消縮進(jìn):


? ? ? ? ? ? <td class="code">

? ? ? ? ? ? ? <div class="highlight">

? ? ? ? ? ? ? ? <pre style="line-height: 125%">&lt;<span style="color: #008000; font-weight: bold">meta</span>

<span style="color: #7D9029">http-equiv</span>

<span style="color: #666666">=</span>

<span style="color: #BA2121">"X-UA-Compatible"</span>

<span style="color: #7D9029">content</span>

<span style="color: #666666">=</span>

<span style="color: #BA2121">"IE=edge"</span>&gt;

? ? ? ? ? ? ? ? </pre>

? ? ? ? ? ? ? </div>

? ? ? ? ? ? </td>

請(qǐng)注意,您不需要在行<pre>本身上執(zhí)行此操作(這就是元部分顯示您所需的縮進(jìn)的原因)。


如果您要經(jīng)常使用代碼片段,像?Prismjs這樣的庫(kù)將使您的生活變得更加輕松并且值得花費(fèi)這些開(kāi)銷(xiāo)(事實(shí)上,這是一個(gè)非常輕量級(jí)的庫(kù)):


<pre><code class="language-html">(... html code ...)</code></pre>


查看完整回答
反對(duì) 回復(fù) 2023-08-21
  • 1 回答
  • 0 關(guān)注
  • 138 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)