首頁 > web前端 > 前端問答 > 在html5中pre用來表示什麼

在html5中pre用來表示什麼

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2021-12-22 10:36:38
原創
5533 人瀏覽過

在html5中pre用來表示預先格式化的文本,被包圍在pre標籤中的文字通常會保留空格和換行符,也就是將其文字排版、格式原封不動的呈現出來,常見應用是用來表示電腦的原始碼,語法為「

原始碼
登入後複製
」。

在html5中pre用來表示什麼

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

在html5中pre用來表示什麼

#

 標籤可定義預先格式化的文字。 <p>被包圍在 </p><pre class="brush:php;toolbar:false"> 標籤 元素中的文字通常會保留空格和換行符。 <p>利用</p><pre class="brush:php;toolbar:false">
登入後複製
這個標籤可以包裝起來的文字排版、格式,原封不動的呈現出來。算是相當好用的標籤之一。也就是說你輸入的東西被原封不動的輸出,包括你輸入的空格之類的,不用 和
等來表示空格或者回車了

標籤的一個常見應用就是用來表示計算機的原始碼。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字體。

範例如下:

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<pre class="brush:php;toolbar:false">
此例演示如何使用 pre 标签
对空行和    空格
进行控制
登入後複製

此例演示如何使用 pre 标签 对空行和 空格 进行控制

輸出結果:

在html5中pre用來表示什麼

#推薦教學:《html影片教學

以上是在html5中pre用來表示什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
輸入<html><>後面是怎麼變成<html></html>的
來自於 1970-01-01 08:00:00
0
0
0
HTML與HTML5的差別
來自於 1970-01-01 08:00:00
0
0
0
HTML總結
來自於 1970-01-01 08:00:00
0
0
0
HTML總結
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板