HTML 文字元素

2021-08-08 19:37:49 字數 3754 閱讀 8267

html5規範指出：使用元素應該完全從元素的語義出發。但是由於歷史遺留及使用者至上的原則，這種語義會寬鬆許多。

元素名稱說明a

生成超連結

br強制換行

wbr可安全換行

b標記一段文字但不強調

strong

表示重要

i表示外文或科學術語

em表示強制

code

表示計算機**

var表示程式輸出

samp

表示變數

kdb表示使用者輸入

abbr

表示縮寫

cite

表示其他作品的標題

del表示被刪除的文字

s表示文字已不在確認

dfn表示術語定義

mark

表示與另一段上下文有關的內容

q表示引自其他處的內容

rp與ruby元素結合使用，標記括號

rt與ruby元素結合使用，標記括號

ruby

表示位於表意文字上方或右方的注音符號

bdo控制文字的方向

small

表示小號字型內容

sub表示下標字型

sup表示上標字型

time

表示時間或日期

u標記一段文字但不強調

span

通用元素，沒有任何語義。一般配合css修飾

1、< b > 表示關鍵字和產品名稱

html5

html5b>
解釋：< b > 元素實際作用就是加粗。從語義上來看，就是標記一段文字，但並不是 特別強調或重要性。比如：一段文字中某些關鍵字或者產品的名稱。

2、< strong > 表示重要的文字

html5

html5strong>
解釋：< strong > 元素實際作用和 < b > 一樣，就是加粗。從語義上來看，就是強調一段重要的文字。

3、< br > 強制換行、< wbr > 安全換行

解釋：在任意文字位置鍵入< br > 都會被換行，而在英文單詞過長時使用< wbr > 會根據瀏覽器的寬度適當的裁切換行。

4、< i > 表示外文詞彙或科技術語

html5

html5i>
解釋：< i > 元素實際作用就是傾斜。從語義上來看，表示區分周圍內容，並不是特別強調或重要性。

5、< em > 加入強調

html5

html5em>
解釋：< em > 元素實際作用和< i > 一樣，就是傾斜；從語義上來看，表示對一段文字的強調。

6、< s > 表示不準確或校正

html5

html5s>
解釋：< s > 元素實際作用就是刪除線；從語義上來看，表示不準確的刪除。

7、< del > 表示刪除文字

html5

html5del>
8、< u > 表示給文字加上下劃線

html5

html5u>
解釋：< u > 元素實際作用就是加一條下劃線；從語義上來看，並不強調此段文字。

9、< ins > 新增一段文字

html5

html5ins>
解釋：< ins > 元素實際作用和< u > 一樣，加一條下劃線；從語義上來看，是新增一段文字，起到強調作用。

10、 < small > 新增小號字型

這是小號字型小號html5

這是小號字型小號html5small>
11、< sub > < sup >

html5

html5

html5sub>


html5sup>
解釋：< sub > 和 < sup > 元素實際作用就是數學的上標和下標。語義也是如此

12、< code > 等表示輸入和輸出

html5

html5

html5

html5

html5code>


html5var>


html5samp>


html5kbd>
解釋：< code > 表示計算機**片段；< var > 表示程式語言中的變數；< samp > 表示程式或計算機的輸出；< kbd > 表示使用者的輸入。由於這屬於英文範疇的，必須將lang=」en」英語才能提現效果。

13、< abbr > 表示縮寫

html5

html5abbr>
解釋：< abbr > 元素沒有實際作用；從語義上看，是一段文字的縮寫。

14、< dfn > 表示定義術語

html5

html5dfn>
解釋：< dfn > 元素就是一般性的傾斜；從語義上來看，表示解釋乙個此或短語的一段文字。

15、< q > 引用來自其他處的內容

html5

html5q>
解釋：< q > 元素實際作用就是加了一對雙引號。從語義上來看，表示引用來自其他地方的內容。

16、< cite > 引用其他作品的標題

html5

html5cite>
解釋：< cite > 元素實際作用就是傾斜。從語義上來看，表示引用其他作品的標題。

17、< ruby > 語言元素

饕(tao)餮(

tie)

style="font-size: 100px">


饕(rp>


tao)rp>


餮(rp>


tie)rp>


ruby>
解釋：< ruby > 用來為非西方語言提供支援。< rp > < rt > 用來幫助讀者掌握表意語言文字正確發音。比如：漢語拼音在文字上方。

18、< bdo > 設定文字方向

html5

dir="rtl">html5bdo>
解釋：< bdo > 必須使用屬性dir才可以設定。一共兩個值：rtl（從右到左）合同ltr（從左到右）。 一般預設是ltr。還有乙個< bdi > 元素也是處理方向的。

19、< mark > 突出顯示文字

html5

html5mark>
20、< time > 表示日期和時間

2017-09-27

2017-09-27time>
解釋：< time > 元素沒有實際作用；從語義上來看，表示日期和時間。

21、< span > 表示一般性文字

html5

html5span>
解釋：< span > 元素沒有實際作用；語義上就是表示一段文字，我們經常用它來設定css等操作。

HTML 文字元素

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

html的文字元素

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

HTML之文字元素

html5中支援的元素 html5元素週期表 h1 h6 表示1級標題 6級標題 段落 paragraphs lorem 亂數假文，沒有任何實際含義的文字 使用 lorem 生成無用的廢話 lorem ipsum dolor sit,amet consectetur adipisicing elit...