HTML之文字元素

2021-10-06 05:41:38 字數 2210 閱讀 1928

html5中支援的元素:html5元素週期表

h1~h6: 表示1級標題~6級標題

段落:paragraphs

lorem:亂數假文,沒有任何實際含義的文字

使用

lorem : 生成無用的廢話

>

lorem ipsum dolor sit, amet consectetur adipisicing elit. illum sed debitis voluptate commodi cumque ipsum minus

iure ut cupiditate dolor quidem numquam distinctio, facilis dicta deserunt asperiores porro voluptatibus vero?

p>

lorem1 : 每個標籤都只生成乙個無用標記

>

lorem.p

>

>

in?p

>

>

vero.p

>

>

sed.p

>

>

id?p

>

>

eaque.p

>

lorem7 : 每個標籤都只生成7個無用標記

>

lorem ipsum dolor sit, amet consectetur adipisicing.p

>

>

repellat, incidunt placeat impedit explicabo cupiditate voluptate?p

>

>

dolorum placeat repudiandae soluta ipsa dignissimos dicta?p

>

以前:某些元素在顯示時會獨佔一行(塊級元素)。而某些元素不會(行級元素)

到了html5,已經棄用這種說法,因為根據w3c官方標準描述,元素代表的是含義,

跟顯示無關。

預格式化文字元素:

空白摺疊:在源**匯中的連續空白字元(空格、換行、製表),在頁面顯示時,會被摺疊為乙個空格

例外:在pre元素中的內容不會出現空白摺疊

在pre元素內部出現的內容,會按照源**格式顯示到頁面上。

>

┌─┐ ┌─┐

┌──┘ ┴───────┘ ┴──┐

│ │

│ ─── │

│ ─┬┘ └┬─ │

│ │

│ ─┴─ │

│ │

└───┐ ┌───┘

│ │

│ │

│ │

│ └──────────────┐

│ │

│ ├─┐

│ ┌─┘

│ │

└─┐ ┐ ┌───────┬──┐ ┌──┘

│ ─┤ ─┤ │ ─┤ ─┤

└──┴──┘ └──┴──┘

神獸保佑,**無bug!

pre>

該元素通常用於在網頁中顯示一些**

顯示**時,通常外面套code元素,code表示**區域

>

>

const i = 1;

if (i)

pre>

code

>

pre元素功能的本質:它有乙個預設的css屬性

white-space: pre

HTML 文字元素

html5規範指出 使用元素應該完全從元素的語義出發。但是由於歷史遺留及使用者至上的原則,這種語義會寬鬆許多。元素名稱說明a 生成超連結 br強制換行 wbr可安全換行 b標記一段文字但不強調 strong 表示重要 i表示外文或科學術語 em表示強制 code 表示計算機 var表示程式輸出 sa...

HTML 文字元素

html5中支援的元素 html5元素週期表 h1h6 表示1級標題6級標題 段落,paragraphs lorem lorem,亂數假文,沒有任何實際含義的文字 沒有語義,僅用於設定樣式 以前 某些元素在顯示時會獨佔一行 塊級元素 而某些元素不會 行級元素 到了html5,已經棄用這種說法。預格式...

html的文字元素

1.b元素 用於加粗一段文字,如 我是一段被加粗的文字。用於表示關鍵字和產品名稱。2.strong元素 作用與b元素一樣,用於加粗一段文字,來強調一段文字,表示重要的文字。3.br元素和wbr元素 br元素表示強制換行。wbr元素表示安全換行。4.i元素 用於傾斜一段文字,如 我是一段傾斜的文字。用...