第六十節,文本元素標籤

文本元素標籤css

 

<b></b>表示關鍵字和產品名稱
如:<b>查看效果</b>html

效果:加粗編程

查看效果瀏覽器

 

<strong></strong>表示重要的文字安全

如:<strong>查看效果</strong>ruby

效果:加粗編程語言

查看效果字體

 

<br>強制換行
如:<br>查看<br>效果
效果:在瀏覽器顯示換行spa

查看
效果 
code

 

<wbr>安全換行,通常只用於英文
如:<wbr>查看<wbr>效果
效果:當頁面縮小文字受到擠壓時才換行

 

<i></i>表示外文詞彙或科技術語
如:<i>查看效果</i>
效果:傾斜

查看效果

 

<em></em>加以強調,強調重要性
如:<em>查看效果</em>
效果:傾斜

查看效果

 

<s></s>表示不許確或校訂
如:<s>查看效果</s>
效果:刪除線

查看效果

 

<del></del>表示刪除文字
如:<del>查看效果</del>
效果:刪除線

查看效果

 

<u></u>表示給文字加下劃線
如:<u>查看效果</u>
效果:下劃線

查看效果

 

 

<ins></ins>表示添加一段文本
如:<ins>查看效果</ins>
效果:下劃線

查看效果

 

<small></small>表示添加小號字體,用於免責聲明和澄清聲明
如:<small>查看效果</small>
效果:小號字體

查看效果

 

<sub></sub>表示添加下標
如:查看效果<sub>5</sub>
效果:下標

查看效果5

 

<sup></sup>表示添加上標
如:查看效果<sup>5</sup>
效果:上標

查看效果5

 

<code></code>表示計算機代碼片斷,屬於英文範疇,必須將<html lang="en">英文才能體現
如:<code>HTML</code>

 

<var></var>表示編程語言中的變量,屬於英文範疇,必須將<html lang="en">英文才能體現
如:<var>HTML</var>

 

<samp></samp>表示程序或計算機的輸出,屬於英文範疇,必須將<html lang="en">英文才能體現
如:<samp>HTML</samp>

 

<kbd></kbd>表示用戶的輸入,屬於英文範疇,必須將<html lang="en">英文才能體現
如:<kbd>HTML</kbd>

 

<abbr></abbr>表示一段文本的縮寫
如:<abbr>查看效果</abbr>
效果:無

 

<dfn></dfn>表示定義術語,一個詞或短語的一段文本
如:<dfn>查看效果</dfn>
效果:傾斜

查看效果

 

<q></q>表示引用來自他出的內容
如:<q>查看效果</q>
效果:加一對雙引號

查看效果

 

<cite></cite>表示引用其餘做品的標題
如:<cite>查看效果</cite>
效果:傾斜

查看效果

 

<ruby></ruby>表示語言元素,能夠用來爲漢字標註拼音
如:
<ruby>
  你<rp>(</rp><rt>nǐ</rt><rp>)</rp>
  好<rp>(</rp><rt>hǎo</rt><rp>)</rp>
</ruby>
效果:爲漢字標註拼音

 

<bdo></bdo>設置文字方向,必須使用屬性dir="rtl",rtl爲從右到左,ltr爲從左到右(默認)
如:<bdo dir="rtl">查看效果</bdo>
效果:文字反轉

 

<mark></mark>突出顯示文本
如:<mark>查看效果</mark>
效果:黃色背景,黑色的字

查看效果

 

<time></time>表示日期和時間
如:<time>2016-10-12</time>
效果:無

 

<span></span>表示通常性文本,咱們常常用它來設置css
如:<span>查看效果</span>
效果:無

相關文章
相關標籤/搜索