HTML5-文本元素


<b></b>   //實際作用就是加粗,標記一段文字且並不特別強調重要性,比如一段文本中的某些關鍵字或產品名稱。

<strong></strong>   //作用與<b>一樣,就是加粗,但是強調一段文本中的重要性。

<br>   //單標簽,強制換行。

<wbr>   //單標簽,安全換行,在英文單詞過長時使用<wbr>會根據瀏覽器的寬度適當的將單詞裁切換行。

<i></i>   //實際作用就是傾斜,表示表示區分周圍內容,並不特別強調重要性,常用於外文詞匯和科技術語。

<em></em>   //也是傾斜,從語義上看,表示對一段文本的強調。

<s></s>   //實際作用是刪除線,從語義上看,表示不准確的刪除或校正。

<del></del>   //作用跟<s>一樣,但是表示刪除相關文字,意圖更加明確些。

<u></u>   //表示給文本加上下划線,且並不強此段文本。

<ins></ins>   //加下划線,相當於填空題的空白處,起到強調作用。

<small></small>   //將一段文本縮小一號,用於免責聲明和澄清聲明。

<sub></sub>   //給文本添加下標

<sup></sup>   //給文本添加上標

<abbr></abbr>   //沒有實際的作用,從語義看是一段文字的縮寫。

<dfn></dfn>   //一般性的傾斜,表示解釋一個術語的一段文本。

<q></q>   //實際作用就是給一段文本添加了一對雙引號,表示引用來自他處的內容。

<cite></cite>   //加粗,表示引用其它作品的標題。

<ruby></ruby>   //為非西方語言提供支持,<rp><rt>用來幫助讀者掌握表意語言文字的正確發音,比如文字上方的漢語拼音,目前Firefox還不支持此特性,當CSS字體字號足夠大時拼音才會顯示在字的上方。

<ruby style="font-size:100px;">饕(tāo)餮(tiè)</ruby>

  

<ruby style="font-size:100px;">
    饕<rp>(</rp><rt>tāo</rt><rp>)</rp>
    餮<rp>(</rp><rt>tiè</rt><rp>)</rp>
</ruby>

<bdo dir="rtl"></bdo>   //設置文字方向,必須使用dir屬性才可設置,一共兩個值,rtl(從右到左),ltr(默認,從左到右)。

<mark></mark>   //突出顯示文本,自動將文本設置成為黃底黑字,用於標記。

<time></time>   //望文生義,僅僅表示日期和時間。

<span></span>   //沒有實際作用,僅表示一般性文本,但是常用它來設置CSS樣式

<code></code>   //表示計算機代碼片段。

<var></var>   //表示編程語言中的變量。

<samp></samp>   //表示程序或計算機的輸出。

<kdb></kdb>   //表示用戶的輸入。

<code>、<var>、<samp>、<kdb>屬於英文范疇,必須使用英語也就是<html lang="en">才能體現效果。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM