溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html中如何使用pre標(biāo)簽

發(fā)布時(shí)間：2020-09-24 11:44:04 來源：億速云 閱讀：304 作者：小新 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)html中如何使用pre標(biāo)簽，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

html pre標(biāo)簽用于定義預(yù)格式化的文本；被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。<pre> 標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。

html pre標(biāo)簽怎么用？

作用：定義預(yù)格式化的文本。

說明：

被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現(xiàn)為等寬字體。<pre> 標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。

可以導(dǎo)致段落斷開的標(biāo)簽（例如標(biāo)題、<p> 和 <address> 標(biāo)簽）絕不能包含在 <pre> 所定義的塊里。盡管有些瀏覽器會把段落結(jié)束標(biāo)簽解釋為簡單地?fù)Q行，但是這種行為在所有瀏覽器上并不都是一樣的。

pre 元素中允許的文本可以包括物理樣式和基于內(nèi)容的樣式變化，還有鏈接、圖像和水平分隔線。

注釋：

如果您希望使用 <pre> 標(biāo)簽來定義計(jì)算機(jī)源代碼，比如 HTML 源代碼，請使用符號實(shí)體來表示特殊字符，比如 "&lt;" 代表 "<"，"&gt;" 代表 ">"，"&amp;" 代表 "&"。

html pre標(biāo)簽 示例

<!DOCTYPE html>
<html>
  <meta charset="utf-8">
<body>
  <pre>
    離離原上草，一歲一枯榮。
    野火燒不盡，春風(fēng)吹又生。
  </pre>
  <p>可以看到上面我們沒有做任何的CSS渲染，文字依然按照我們排列好的形式格式化輸出</p>
</body>
</html>

效果圖：

html中如何使用pre標(biāo)簽

關(guān)于html中如何使用pre標(biāo)簽就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手