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