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

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

新聞中心

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

介紹

10年積累的網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有臨猗免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

HTML 5: 內(nèi)容分組元素

內(nèi)容分組元素 - p, hr, pre, blockquote, ul, ol, li, dl, dt, dd, figure, figcaption, div

示例

1、p - 用于定義段落（p 是 paragraph 的縮寫）element/group/p.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     p 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     
     
    9.   
  
  
  9.         段落1  
    10.   
  
  
  10.     
     
    11.   
  
  
  11.     
     
    12.   
  
  
  12.         段落2  
    13.   
  
  
  13.     
     
    14.   
  
  
  14.     
     
    15.   
  
  
  15.         段落3  
    16.   
  
  
  16.     
     
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.

2、hr - 水平線，用于分隔文檔的不同部分element/group/hr.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     hr 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.     
     
    8.   
  
  
  8.         我是一段完整且獨立的內(nèi)容1  
    9.   
  
  
  9.      
    10.   
  
  
  10.  
    11.   
  
  
  11.      
    12.   
  
  
  12.      
    13.   
  
  
  13.  
    14.   
  
  
  14.     
     
    15.   
  
  
  15.         我是一段完整且獨立的內(nèi)容2  
    16.   
  
  
  16.      
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.

3、pre - 用于定義預定義格式文本（空格和換行都會被保留）element/group/pre.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     pre 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.     
     
    9.   
  
  
  9. 我是一段預定義格式文本  
    10.   
  
  
  10. 我的換行和                   空格都會被保留  
    11.   
  
  
  11.  
    12.   
  
  
  12. if (true)  
    13.   
  
  
  13.     write("true");  
    14.   
  
  
  14.     
 
  •  
  •  

    • 4、blockquote - 用于定義一段引用的內(nèi)容（長內(nèi)容）element/group/blockquote.html

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

    5、ul - 用于定義無序列表（ul 是 unorder list 的縮寫），li - 用于定義列表項（可在 ul 或 ol 或 menu 內(nèi)）（li 是 list item 的縮寫）element/group/ul_li.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     ul li 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
           
  
  
      •         
      • item01
        •    
  
  
      •         
      • item02
        •    
  
  
      •         
      • item03
        •    
  
  
      •     
       
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.

    #p#

    6、ol - 用于定義有序列表（ol 是 order list 的縮寫），li - 用于定義列表項（可在 ul 或 ol 或 menu 內(nèi)）（li 是 list item 的縮寫）element/group/ol_li.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     ol li 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
           
  
  
      1.         
      2. item01
        3.    
  
  
      3.         
      4. item02
        5.    
  
  
      5.         
      6. item03
        7.    
  
  
      7.     
       
      9.   
  
  
    9.  
      10.   
  
  
    10.      
      11.   
  
  
    11.         
    12. item01
      13.    
  
  
    13.         
    14. item02
      15.    
  
  
    15.         
    16. item03
      17.    
  
  
    17.     
       
  
  
  •  
    •   
  
  
  •      
    •   
  
  
  •         
  • item01
    •    
  
  
  •         
  • item02
    •    
  
  
  •         
  • item03
    •    
  
  
  •      
    •   
  
  
  •  
    •   
  
  
  •      
    •   
  
  
  •         
  • item01
    •    
  
  
  •         
  • item02
    •    
  
  
  •         
  • item03
    •    
  
  
  •      
    •   
  
  
  •  
    •   
  
  
  •      
    •   
  
  
  •         
  • item01
    •    
  
  
  •         
  • item02
    •    
  
  
  •         
  • item03
    •    
  
  
  •      
    •   
  
  
  •  
    •   
  
  
  •  
    •

    7、dl - 定義列表（definition list），dt - 定義列表中的標題（definition title），dd - 對定義列表中的標題的描述（definition description）element/group/dl_dt_dd.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     dl dt dd 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
       
      9.   
  
  
    9.         
      飲料
       
      10.   
  
  
    10.         
      很甜，很甜，喝了會發(fā)胖
       
      11.   
  
  
    11.         
      牛奶
       
      12.   
  
  
    12.         
      好喝，好喝，但是太貴了
       
      13.   
  
  
    13.         
      咖啡
       
      14.   
  
  
    14.         
      太苦，太苦，像感冒沖劑
       
      15.   
  
  
    15.      
      16.   
  
  
    16.  
      17.   
  
  
    17.  
      18.

    8、figure - 整合相關(guān)元素element/group/figure.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     figure 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
       
      9.   
  
  
    9.         
      學 html 5 有用嗎？
       
      10.   
  
  
    10.         
      我正在學習 html 5，對它的未來充滿信心
       
      11.   
  
  
    11.      
      12.   
  
  
    12.  
      13.   
  
  
    13.  
      14.

    9、figcaption - figure 元素的標題，它應該是 figure 的第一個子元素或最后一個子元素element/group/figcaption.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     figcaption 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
       
      9.   
  
  
    9.         
      html 5
       
      10.   
  
  
    10.         
      學 html 5 有用嗎？
       
      11.   
  
  
    11.         
      我正在學習 html 5，對它的未來充滿信心
       
      12.   
  
  
    12.      
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.

    10、div - 沒有任何語義（div 是 division 的縮寫）element/group/div.html

     
 
 
      
  
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.     div 
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.      
      8.   
  
  
    8.     
       
      9.   
  
  
    9.         我沒有任何語義  
      10.   
  
  
    10.     
     
  •  
  •  

    • [源碼下載]

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


    名稱欄目：HTML5深入淺出教學篇之三
    分享路徑：http://www.5511xx.com/article/djdjjjp.html