- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12XP系統怎么清除緩存？
[摘要]html pre標簽的作用是什么？html pre標簽用法及其屬性詳解你知道嗎？那么今天的這篇文章給大家講解了html pre標簽的定義和用法，還有關于html pre標簽的作用和使用說明html pre標簽的定義和用法：pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空...
html pre標簽的作用是什么？html pre標簽用法及其屬性詳解你知道嗎？那么今天的這篇文章給大家講解了html pre標簽的定義和用法，還有關于html pre標簽的作用和使用說明html pre標簽的定義和用法：
pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。
可以導致段落斷開的標簽（例如標題、<p> 和 <address> 標簽）絕不能包含在 <pre> 所定義的塊里。盡管有些瀏覽器會把段落結束標簽解釋為簡單地換行，但是這種行為在所有瀏覽器上并不都是一樣的。
pre 元素中允許的文本可以包括物理樣式和基于內容的樣式變化，還有鏈接、圖像和水平分隔線。當把其他標簽（比如 <a> 標簽）放到 <pre> 塊中時，就像放在 HTML/XHTML 文檔的其他部分中一樣即可。請看下面的例子：
<pre>
<html>
<head>
<script type="text/javascript" src="loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml");
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
</html>
</pre>在上面的代碼中，<pre> 標簽中的特殊符號被轉換為符號實體，比如 "<" 代表 "<"，">" 代表 ">"。另外，請注意藍色的代碼，我們在 <pre> 標簽中使用了鏈接，也就是 <a> 標簽。上面這段代碼的顯示效果如下：
<html>
<head>
<script type="text/javascript" src="loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("books.xml");
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
</html>html pre標簽可選的屬性:
width : number : 定義每行的最大字符數（通常是 40、80 或 132）。
html<pre>標簽的作用及使用說明：
1、該標簽可定義預格式化的文本，被包圍在 pre 元素中的文本通常會保留空格和換行符，并且文本會呈現為等寬字體。該標簽的一個常見應用就是用來表示計算機的源代碼。
2、該元素中允許的文本可以包括物理樣式和基于內容的樣式變化，還有鏈接、圖像和水平分隔線。當把其他標簽（比如 <a> 標簽）放到 <pre> 塊中時，就像放在 HTML/XHTML 文檔的其他部分中一樣即可。
3、標簽中的特殊符號被轉換為符號實體，比如 "<" 代表 "<"，">" 代表 ">"。
4、可以導致段落斷開的標簽（比如<h1>、<p> 和 <address> 標簽）盡量不要包含在 <pre> 所定義的塊里，我試過現在的瀏覽器（Google、IE和火狐），雖然可以把段落結束標簽解釋為簡單地換行，但是在代碼編輯器里會報錯 "Invalid location of tag (h1)."
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<pre>你好 我是Natalie
我即將成為<h1>一名技術</h1>人員。HTML 與 XHTML 之間的差異
在 HTML 4.01 中，pre 元素的 "width" 屬性是不被贊成使用的。
在 XHTML 1.0 Strict DTD 中，pre 元素的 "width" 屬性是不被支持的。
提示和注釋:
提示：制表符（tab）在 <pre> 標簽定義的塊當中可以起到應有的作用，每個制表符占據 8 個字符的位置。但是我們不推薦使用它，因為在不同的瀏覽器中，Tab 的實現各不相同。在用 <pre> 標簽格式化的文檔段中使用空格，可以確保文本正確的水平位置。
提示：如果您希望使用 <pre> 標簽來定義計算機源代碼，比如 HTML 源代碼，請使用符號實體來表示特殊字符，比如 "<" 代表 "<"，">" 代表 ">"，"&" 代表 "&"。
提示：在 W3School 中，非常多頁面中的源代碼實例都是通過 <pre> 標簽定義的，您可以參考這些頁面，學習如何使用該標簽。我們甚至把 <pre> 標簽與 <code> 標簽結合起來使用，以獲得更加精確的語義。
【相關推薦】
html5 border屬性怎么設置？html5 table中的border屬性介紹
HTML ins標簽常用的用法有哪些？HTML ins常用屬性的介紹
以上就是html pre標簽的作用是什么？html pre標簽用法及其屬性詳解的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1多組愛奇藝vip會員賬號共享（2017.3.7）
- 2最新8組芒果tv會員賬號共享
- 32017.03.07最新騰訊視頻會員賬號共享
- 4最新芒果tv會員賬號共享（2017.3.6）
- 54組最新騰訊視頻會員共享(2017.03.06)
- 6QQ音樂播放音樂斷斷續續如何辦？
- 7百度影音播放器沒聲音如何辦？
- 8天天動聽PC版下載的歌曲在什么地方里?天天動聽下載歌曲在什么地方一個文件夾？
- 9最新騰訊視頻會員賬號共享（2017.3.3）
- 10qq影音如何循環播放某一段視頻？
- 11QQ影音如何關聯本地字幕？QQ影音關聯本地字幕方法
- 12qq影音如何旋轉視頻？qq影音旋轉視頻方法
- 1支付寶不能交水電費了嗎 支付寶為什么不能交水電費了
- 2企業微信怎么登陸 微信企業版賬號登錄方法流程
- 3人人車怎么收費 人人車收費規范
- 43星版iphone6s與臺積電版iphone6s續航哪一個好
- 5眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 6美團支付是什么 美團支付怎么用
- 7華為pay與微信支付哪一個好 微信支付與huawei pay比較區別
- 8微信掃描二維碼沒反應怎么辦？微信掃描二維碼不能下載處理方法
- 9美圖看看“穿透文件夾”技巧一鍵直達深層圖片
- 10小猿搜題與作業幫哪一個好 作業幫與小猿搜題比較評測
- 11國美美易分貸款能做幾次 美易分貸款申請次數介紹
- 12平板電腦wifi無線網絡設置圖文說明教程【圖文詳細說明】
相關文章
- html表格的語法與相關屬性的說明(附代碼)
- html中表單標簽的type屬性的應用案例
- html em標簽的作用是什么？<em>與<i>標簽的區別
- html strong標簽是什么意思？html中strong標簽的具體用法說明
- html button標簽是什么意思？html button標簽的使用細節
- html address標簽如何用？html address標簽的使用方法詳細說明
- html abbr標簽是什么意思？html abbr標簽的具體用法詳細說明
- html body標簽的居中屬性你知道嗎？html body標簽的定義與使用方法
- html的meta標簽有什么用？html中meta標簽屬性的相關用法
- html bdo標簽是什么意思?html bdo的使用方法詳細說明
- html link標簽有什么作用？html link標簽的定義及屬性說明
- html colspan屬性的定義是什么？html colspan屬性的使用方法說明
