日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HTML5深入淺出教學(xué)篇之四

介紹

成都創(chuàng)新互聯(lián)是一家專業(yè)提供嘉興企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計制作、網(wǎng)站建設(shè)、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為嘉興眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。

HTML 5: 文本語義元素

文本語義元素 - a, em, strong, small, s, cite, q, abbr, time, code, var, dfn, samp, kbd, sub, sup, i, b, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr

示例

1、a - 用于定義超鏈接（a 是 anchor 的縮寫）element/text/a.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     a 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.      
    9.   
  
  
  9.  
    10.   
  
  
  10.     千呼萬喚 HTML 5 
    11.   
  
  
  11.  
    12.   
  
  
  12.      
    13.   
  
  
  13.  
    14.   
  
  
  14.      
    15.   
  
  
  15.     錨點的演示 
    16.   
  
  
  16.      
     
    17.   
  
  
  17.     i am webabcd 
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.

2、em - 定義被強調(diào)的文本（一般瀏覽器會渲染斜體）（em 是 emphasis 的縮寫）element/text/em.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     em 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     被強調(diào)的文本（一般瀏覽器會渲染斜體） 
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.

3、strong - 定義重要的文本（一般瀏覽器會渲染為粗體）element/text/strong.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     strong 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     重要的文本（一般瀏覽器會渲染為粗體） 
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.

4、small - 定義小號文本element/text/small.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     small 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     小號文本 
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.

#p#

5、s - 定義不再精確或不再相關(guān)的文本（s 是 strike 的縮寫）element/text/s.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     s 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.     
    windows 8 平板電腦
     
    8.   
  
  
  8.     
     
    9.   
  
  
  9.          
    10.   
  
  
  10.         原價：5000元 
    11.   
  
  
  11.     
     
    12.   
  
  
  12.     
     
    13.   
  
  
  13.         促銷價：5元 
    14.   
  
  
  14.     
     
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.

6、cite - 用于定義引用內(nèi)容（書籍或雜志等）的標(biāo)題element/text/cite.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     cite 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.     
     
    8.   
  
  
  8.          
    9.   
  
  
  9.         我最喜歡看高爾基的海燕，不過忘了講的是什么了  
    10.   
  
  
  10.     
     
    11.   
  
  
  11.  
    12.   
  
  
  12.      
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.

7、q - 用于定義一段引用的內(nèi)容（短內(nèi)容）（q 是 quote 的縮寫）element/text/q.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     q 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     從 http://webabcd.cnblogs.com 里引用的一段短內(nèi)容 
    9.   
  
  
  9.  
    10.   
  
  
  10.      
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.

8、abbr - 定義一個縮寫文本，建議在 abbr 的 title 屬性中描述縮寫的全稱（abbr 是 abbreviation 的縮寫）element/text/abbr.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     abbr 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     WTO 
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.

#p#

9、dfn - 用于定義一個術(shù)語（dfn 是 defining instance 的縮寫）element/text/dfn.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     dfn 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.         WTO 
    10.   
  
  
  10.      
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.

10、time - 定義日期、時間文本element/text/time.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     time 
    5.   
  
  
  5.  
    6.   
  
  
  6.        
    7.   
  
  
  7.       
    8.   
  
  
  8.       
    9.   
  
  
  9.     
     
    10.   
  
  
  10.         我的生日和 情人節(jié) 是同一天  
    11.   
  
  
  11.     
     
    12.   
  
  
  12.     
     
    13.   
  
  
  13.         我每天  上班  
    14.   
  
  
  14.     
           
    15.   
  
  
  15.     
     
    16.   
  
  
  16.         
    我是 article 的內(nèi)容
     
    17.   
  
  
  17.         
     
    18.   
  
  
  18.             本 article 的發(fā)布日期是 昨天 
    19.   
  
  
  19.           
    20.   
  
  
  20.      
    21.   
  
  
  21.     
     
    22.   
  
  
  22.          
    23.   
  
  
  23.         本 html 的發(fā)布日期是 今天 
    24.   
  
  
  24.     
      
    25.   
  
  
  25.      
    26.   
  
  
  26.  
    27.   
  
  
  27.  
    28.

11、code - 定義計算機代碼片段（如果需要保留空格、換行等可以在 code 外面包一層 pre）element/text/code.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     code 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.         var x = 1;  
    10.   
  
  
  10.      
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.

12、var - 定義計算機代碼中的變量，pre code var 可以結(jié)合使用element/text/var.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     var 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.     
     
    8.   
  
  
  8.         
     
    9.   
  
  
  9.              
    10.   
  
  
  10. if (b)  
    11.   
  
  
  11.     write("true");  
    12.   
  
  
  12.              
    13.   
  
  
  13.         
 
  •         

     

  •              
  •             如果變量 b 是 true，則寫入“true”  
  •         

     
  •      
  •  
  •  

    • #p#

    13、samp - 由程序輸出的示例文本（samp 是 sample 的縮寫）element/text/samp.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     samp 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
       
      9.   
  
  
    9.         執(zhí)行代碼后，程序會輸出 我是由程序輸出的信息 
      10.   
  
  
    10.     
       
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.

    14、kbd - 定義由鍵盤輸入的文本（kbd 是 keyboard 的縮寫）element/text/kbd.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     kbd 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
       
      9.   
  
  
    9.         關(guān)機請按   
      10.   
  
  
    10.          
      11.   
  
  
    11.             alt 
      12.   
  
  
    12.             +  
      13.   
  
  
    13.             F4 
      14.   
  
  
    14.          
      15.   
  
  
    15.     
       
      16.   
  
  
    16.  
      17.   
  
  
    17.  
      18.

    15、sub - 定義下標(biāo)文本（sub 是 subscript 的縮寫），sup - 定義上標(biāo)文本（sup 是 superscript 的縮寫）element/text/sub_sup.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     sub sup 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
      告訴你，我是 下標(biāo)
       
      9.   
  
  
    9.     
      告訴你，我是 上標(biāo)
       
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.

    16、i - 定義斜體文本（i 是 italic 的縮寫）element/text/i.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     i 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     我是斜體文本 
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.

    #p#

    17、b - 定義粗體文本（b 是 bold 的縮寫）element/text/b.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     b 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     我是粗體文本 
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.

    18、u - 定義下劃線文本（u 是 underline 的縮寫）element/text/u.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     u 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     我是下劃線文本 
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.

    19、mark - 定義一個標(biāo)記文本，用于醒目顯示element/text/mark.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     mark 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.     
       
      8.   
  
  
    8.          
      9.   
  
  
    9.         我覺得咖啡的味道像 感冒沖劑   
      10.   
  
  
    10.     
       
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.

    20、ruby - 定義東亞文字，rt - 在 ruby 內(nèi)用于為 ruby 所定義的文字注音或解釋，rp - 在 ruby 內(nèi)用于當(dāng)瀏覽器不支持 ruby 時顯示指定的內(nèi)element/text/ruby_rt_rp.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     ruby rt rp 
      5.   
  
  
    5.  
      6.   
  
  
    6.       
      7.   
  
  
    7.      
      8.   
  
  
    8.      
      9.   
  
  
    9.         王睿軒  
      10.   
  
  
    10.         ( 
      11.   
  
  
    11.         wangruixuan 
      12.   
  
  
    12.         ) 
      13.   
  
  
    13.     
      14.   
  
  
    14.  
      15.   
  
  
    15.  
      16.

    #p#

    21、bdi - 從周圍獨立出一段文本，用于雙向文本格式（bdi 是 bi-directional isolate 的縮寫）element/text/bdi .html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     bdi 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.           
      8.   
  
  
    8.      
      9.   
  
  
    9.      
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.

    22、bdo - 定義文本排列的方向（bdo 是 bi-directional override 的縮寫）element/text/bdo.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     bdo 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     123 
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.

    23、span - 沒有任何語義element/text/span.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     span 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.      
      9.   
  
  
    9.         我沒有任何語義  
      10.   
  
  
    10.      
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.

    24、br - 定義一個換行符（br 是 blank row 的縮寫）element/text/br.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     br 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     a  
      9.   
  
  
    9.      
      10.   
  
  
    10.     b  
      11.   
  
  
    11.      
      12.   
  
  
    12.     c  
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.

    25、wbr - 定義換行的時機（wbr 是 word break 的縮寫）element/text/wbr.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     wbr 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
              webabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcd  
      9.   
  
  
    9.     
       
      10.   
  
  
    10.     
              webabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcdwebabcd 
      11.   
  
  
    11.     
       
      12.   
  
  
    12.  
      13.   
  
  
    13.  
      14.

    [源碼下載]

    原文鏈接：http://www.cnblogs.com/webabcd/archive/2011/09/26/2190778.html


    分享題目：HTML5深入淺出教學(xué)篇之四
    標(biāo)題來源：http://m.5511xx.com/article/cdsdchg.html