TML的pre標簽
定義和用法
<pre> 標簽定義預先格式化的文本。
<pre> 元素中的文本以等寬字體顯示,文本保留空格和換行符。文本將完全按照 HTML 源代碼中所寫的方式顯示。
使用(保留原有格式),和div區別
執行結果如下:
在layui中使用,未使用pre,結果如下:在一行顯示,不太好看和理解
layer.alert(JSON.stringify(data,null,4));
使用pre標簽后,結果如下:json格式化展示出來了,易于理解和好看,方便分析。
layer.alert("<pre>"+JSON.stringify(data,null,4)+"</pre>");
2024-2-26
例
預格式化的文本:
<pre>
此例演示如何使用 pre 標簽
對空行和 空格
進行控制
</pre>
瀏覽器支持
目前大多數瀏覽器支持 <pre> 標簽。
標簽定義及使用說明
<pre> 標簽可定義預格式化的文本。
被包圍在 <pre> 標簽 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
提示和注釋
提示: <pre> 標簽的一個常見應用就是用來表示計算機的源代碼。
在HTML 4.01 與 HTML5中的差異
在 HTML 4.01 中,"width" 屬性已廢棄,不可使用。 HTML5 不支持"width"屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
width | number | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 定義每行的最大字符數(通常是 40、80 或 132)。 |
全局屬性
<pre> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<pre> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML 文本格式化
加粗文本
斜體文本
電腦自動輸出
這是 下標 和 上標
HTML 格式化標簽
HTML 使用標簽<b> 與<i> 對輸出的文本進行格式, 如:粗體 or 斜體
這些HTML標簽被稱為格式化標簽(請查看底部完整標簽參考手冊)。
通常標簽 <strong> 替換加粗標簽 <b> 來使用, <em> 替換 <i>標簽使用。然而,這些標簽的含義是不同的:<b> 與<i> 定義粗體或斜體文本。<strong> 或者 <em>意味著你要呈現的文本是重要的,所以要突出顯示?,F今所有主要瀏覽器都能渲染各種效果的字體。不過,未來瀏覽器可能會支持更好的渲染效果。 |
在線實例
文本格式化
此例演示如何在一個 HTML 文件中對文本進行格式化
預格式文本
此例演示如何使用 pre 標簽對空行和空格進行控制。
"計算機輸出"標簽
此例演示不同的"計算機輸出"標簽的顯示效果。
地址
此例演示如何在 HTML 文件中寫地址。
縮寫和首字母縮寫
此例演示如何實現縮寫或首字母縮寫。
文字方向
此例演示如何改變文字的方向。
塊引用
此例演示如何實現長短不一的引用語。
刪除字效果和插入字效果
此例演示如何標記刪除文本和插入文本。
HTML 文本格式化標簽
標簽 | 描述 |
---|---|
<b> | 定義粗體文本 |
<em> | 定義著重文字 |
<i> | 定義斜體字 |
<small> | 定義小號字 |
<strong> | 定義加重語氣 |
<sub> | 定義下標字 |
<sup> | 定義上標字 |
<ins> | 定義插入字 |
<del> | 定義刪除字 |
HTML "計算機輸出" 標簽
標簽 | 描述 |
---|---|
<code> | 定義計算機代碼 |
<kbd> | 定義鍵盤碼 |
<samp> | 定義計算機代碼樣本 |
<var> | 定義變量 |
<pre> | 定義預格式文本 |
HTML 引文, 引用, 及標簽定義
標簽 | 描述 |
---|---|
<abbr> | 定義縮寫 |
<address> | 定義地址 |
<bdo> | 定義文字方向 |
<blockquote> | 定義長的引用 |
<q> | 定義短的引用語 |
<cite> | 定義引用、引證 |
<dfn> | 定義一個定義項目。 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。