☆類別：最新資訊 ／ 新聞時事

HTML5文字格式重點筆記

2021/5/23 下午 02:22:04

適當的文字格式不僅能發揮畫龍點睛的效果，還能增添網頁效果。以下介紹常用的幾個格式。

	

<b></b>：粗體
<i></i>：斜體
<u></u>：加底線
<sub></sub>：下標
<sup></sup>：上標
<small></small>：小字型
<em></em>：強調斜體
<strong></strong>：強調粗體
<dfn></dfn>：定義文字
<code></code>：程式碼文字→範例<code>需要將 < 轉成 HTML entities ：＆lt; > 轉成 ＆gt; 。(＆lt;code＆gt;)</code>
<samp></samp>：範例文字→範例
<kbd></kbd>：鍵盤文字→Ctrl
<var></var>：變數文字
<cite></cite>：引用文字
<abbr></abbr>：縮寫文字→ABC
<s></s>：刪除字
<q></q>：引用語
<mark></mark>：螢光標記文字
&nbsp; ：空格




其他功能：<ruby>、<rt>、<rp>元素（拼音或注音）
<ruby>元素用來包住字串及其注音或拼音；
<rt>是ruby text的簡寫，是<ruby>的子元素,用來包住注音或拼音。
<rp>是ruby parenthese的簡寫，也是<ruby>的子元素，用來當瀏覽器不支持<ruby>時就會顯示<rp>裡的括號；反之，瀏覽器顯示<ruby>時，就不會顯示<rp>的括號。



 
    
  

   
<ruby>漢<rt>ㄏㄢˋ</rt>字<rt>ㄗˋ</rt></ruby>



   
<ruby>漢<rt>かん</rt>字<rt>じ</rt></ruby>




   
<ruby>漢<rp>(</rp><rt>ㄏㄢˋ</rt><rp>)</rp>字<rp>(</rp><rt >ㄗˋ</rt><rp>)</rp></ruby>


   
<ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby>


  

更多-HTML5文字格式