第六十节，文本元素标签
文本元素標(biāo)簽
?
<b></b>表示關(guān)鍵字和產(chǎn)品名稱
如：<b>查看效果</b>
效果：加粗
查看效果
?
<strong></strong>表示重要的文字
如：<strong>查看效果</strong>
效果：加粗
查看效果
?
<br>強(qiáng)制換行
如：<br>查看<br>效果
效果：在瀏覽器顯示換行
查看
效果?
?
<wbr>安全換行，一般只用于英文
如：<wbr>查看<wbr>效果
效果：當(dāng)頁(yè)面縮小文字受到擠壓時(shí)才換行
?
<i></i>表示外文詞匯或科技術(shù)語(yǔ)
如：<i>查看效果</i>
效果：傾斜
查看效果
?
<em></em>加以強(qiáng)調(diào)，強(qiáng)調(diào)重要性
如：<em>查看效果</em>
效果：傾斜
查看效果
?
<s></s>表示不準(zhǔn)確或校正
如：<s>查看效果</s>
效果：刪除線
查看效果
?
<del></del>表示刪除文字
如：<del>查看效果</del>
效果：刪除線
查看效果
?
<u></u>表示給文字加下劃線
如：<u>查看效果</u>
效果：下劃線
查看效果
?
?
<ins></ins>表示添加一段文本
如：<ins>查看效果</ins>
效果：下劃線
查看效果
?
<small></small>表示添加小號(hào)字體，用于免責(zé)聲明和澄清聲明
如：<small>查看效果</small>
效果：小號(hào)字體
查看效果
?
<sub></sub>表示添加下標(biāo)
如：查看效果<sub>5</sub>
效果：下標(biāo)
查看效果5
?
<sup></sup>表示添加上標(biāo)
如：查看效果<sup>5</sup>
效果：上標(biāo)
查看效果5
?
<code></code>表示計(jì)算機(jī)代碼片段，屬于英文范疇，必須將<html lang="en">英文才能體現(xiàn)
如：<code>HTML</code>
?
<var></var>表示編程語(yǔ)言中的變量，屬于英文范疇，必須將<html lang="en">英文才能體現(xiàn)
如：<var>HTML</var>
?
<samp></samp>表示程序或計(jì)算機(jī)的輸出，屬于英文范疇，必須將<html lang="en">英文才能體現(xiàn)
如：<samp>HTML</samp>
?
<kbd></kbd>表示用戶的輸入，屬于英文范疇，必須將<html lang="en">英文才能體現(xiàn)
如：<kbd>HTML</kbd>
?
<abbr></abbr>表示一段文本的縮寫
如：<abbr>查看效果</abbr>
效果：無(wú)
?
<dfn></dfn>表示定義術(shù)語(yǔ)，一個(gè)詞或短語(yǔ)的一段文本
如：<dfn>查看效果</dfn>
效果：傾斜
查看效果
?
<q></q>表示引用來(lái)自他出的內(nèi)容
如：<q>查看效果</q>
效果：加一對(duì)雙引號(hào)
查看效果
?
<cite></cite>表示引用其他作品的標(biāo)題
如：<cite>查看效果</cite>
效果：傾斜
查看效果
?
<ruby></ruby>表示語(yǔ)言元素，可以用來(lái)為漢字標(biāo)注拼音
如：
<ruby>
你<rp>(</rp><rt>nǐ</rt><rp>)</rp>
好<rp>(</rp><rt>hǎo</rt><rp>)</rp>
</ruby>
效果：為漢字標(biāo)注拼音
?
<bdo></bdo>設(shè)置文字方向，必須使用屬性dir="rtl",rtl為從右到左，ltr為從左到右（默認(rèn)）
如：<bdo dir="rtl">查看效果</bdo>
效果：文字反轉(zhuǎn)
?
<mark></mark>突出顯示文本
如：<mark>查看效果</mark>
效果：黃色背景，黑色的字
查看效果
?
<time></time>表示日期和時(shí)間
如：<time>2016-10-12</time>
效果：無(wú)
?
<span></span>表示一般性文本，我們經(jīng)常用它來(lái)設(shè)置css
如：<span>查看效果</span>
效果：無(wú)
?
轉(zhuǎn)載于:https://www.cnblogs.com/adc8868/p/5951435.html
總結(jié)
以上是生活随笔為你收集整理的第六十节，文本元素标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Atitit. Atiposter 发帖
- 下一篇： 调用AutoCAD的内置对话框