在HTML中，我們經(jīng)常需要引用代碼，比如展示一段Javascript或CSS的代碼段。
為了避免代碼被瀏覽器解析成HTML標(biāo)簽，我們可以使用<pre>標(biāo)簽來(lái)保留代碼中的空格、換行、縮進(jìn)等格式。
<!-- 示例代碼 --> <html> <head> <title>Hello World</title> </head> <body> <h1>Hello World!</h1> </body> </html>
使用<pre>標(biāo)簽時(shí)，我們可以將代碼段包裹在該標(biāo)簽中，并且將需要展示的代碼段使用HTML實(shí)體進(jìn)行轉(zhuǎn)義，避免被HTML解析器解析。
在實(shí)際使用中，通常會(huì)配合<code>標(biāo)簽使用，用于對(duì)代碼段進(jìn)行語(yǔ)言類(lèi)型的標(biāo)記，從而得到更好的語(yǔ)法高亮效果。比如：
<!-- 示例代碼 -->
<pre><code class="language-javascript">
var name = 'World';
console.log('Hello, ' + name);
</code></pre>上述代碼中，<code>標(biāo)簽會(huì)通過(guò)class屬性標(biāo)記該代碼段的語(yǔ)言類(lèi)型為JavaScript，從而讓代碼高亮插件能夠進(jìn)行相應(yīng)的處理。
總之，<pre>與<code>標(biāo)簽是HTML中引用代碼的基本標(biāo)簽，用于展示、標(biāo)記代碼段所屬的語(yǔ)言類(lèi)型以及保留代碼中的格式與空格，方便讀者閱讀和使用。
下一篇mysql載