日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

介紹

創(chuàng)新互聯(lián)建站服務(wù)項(xiàng)目包括鐵門關(guān)網(wǎng)站建設(shè)、鐵門關(guān)網(wǎng)站制作、鐵門關(guān)網(wǎng)頁(yè)制作以及鐵門關(guān)網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，鐵門關(guān)網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到鐵門關(guān)省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

HTML 5: 根元素, 元數(shù)據(jù)元素, 腳本元素

根元素 - doctype, html

元數(shù)據(jù)元素 - head, title, base, link, meta, style

腳本元素 - script, noscript

示例

1、doctype - 文檔類型element/root/doctype.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.     doctype 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10.

2、html - 文檔的根元素element/root/html.html

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

#p#

3、head - 頭容器element/metadata/head.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.     head 
    6. 
  
  
  
  6.      
    7. 
  
  
  
  7.      
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15.

4、title - 文檔標(biāo)題element/metadata/title.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.      
    5. 
  
  
  
  5.     我是標(biāo)題 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11.

5、base - 設(shè)置文檔的默認(rèn)地址和鏈接的默認(rèn)打開(kāi)方式element/metadata/base.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     base 
    5. 
  
  
  
  5.      
    6. 
  
  
  
  6.      
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.      
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.          
    12. 
  
  
  
  12.      
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15.

6、link - 定義兩個(gè)文檔之間的關(guān)系，一般用于引入樣式表element/metadata/link.html

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

7、meta - 文檔相關(guān)的元數(shù)據(jù)element/metadata/meta.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     meta 
    5. 
  
  
  
  5.      
    6. 
  
  
  
  6.      
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.      
    11. 
  
  
  
  11.      
    12. 
  
  
  
  12.      
    13. 
  
  
  
  13.      
    14. 
  
  
  
  14.      
    15. 
  
  
  
  15.      
    16. 
  
  
  
  16.      
    17. 
  
  
  
  17.      
    18. 
  
  
  
  18.      
    19. 
  
  
  
  19.      
    20. 
  
  
  
  20.      
    21. 
  
  
  
  21.  
    22. 
  
  
  
  22.  
    23. 
  
  
  
  23.      
    24. 
  
  
  
  24.      
    25. 
  
  
  
  25.        
    26. 
  
  
  
  26.      
    27. 
  
  
  
  27.        
    28. 
  
  
  
  28.      
    29. 
  
  
  
  29.        
    30. 
  
  
  
  30.      
    31. 
  
  
  
  31.      
    32. 
  
  
  
  32.      
    33. 
  
  
  
  33.        
    34. 
  
  
  
  34.  
    35. 
  
  
  
  35.  
    36. 
  
  
  
  36.      
    37. 
  
  
  
  37.      
    38. 
  
  
  
  38.  
    39. 
  
  
  
  39.  
    40. 
  
  
  
  40.     webabcd  
    41. 
  
  
  
  41.  
    42. 
  
  
  
  42.      
    43. 
  
  
  
  43.  
    44. 
  
  
  
  44.  
    45.

css1.css

 
 
 
    
  
  
  
  1. body  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.     color: Red;  
    4. 
  
  
  
  4. }  
    5.

css2.css

 
 
 
    
  
  
  
  1. body  
    2. 
  
  
  
  2.  {  
    3. 
  
  
  
  3.     color: Green;  
    4. 
  
  
  
  4.     font-size: 24px;  
    5. 
  
  
  
  5. } 
    6.

8、style - 定義文檔的樣式信息element/metadata/style.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.     style 
    5. 
  
  
  
  5.      
    6. 
  
  
  
  6.      
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.     
     
    10. 
  
  
  
  10.         我和我的子都應(yīng)該是紅色的  
    11. 
  
  
  
  11.          
    12. 
  
  
  
  12.             div { color:Red; }  
    13. 
  
  
  
  13.          
    14. 
  
  
  
  14.     
 
  •     
     
  •         如果我是紅色的，也就是說(shuō)瀏覽器不支持 style 的 scoped（注：目前所有瀏覽器都不支持 style 的 scoped）  
  •     
    •  
  •  
  •  

    • #p#

    9、script - 用于定義客戶端腳本element/script/script.html

     
 
 
      
  
  
  
    1.  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.     script 
      5. 
  
  
  
    5.  
      6. 
  
  
  
    6.      
      7. 
  
  
  
    7.  
      8. 
  
  
  
    8.      
      9. 
  
  
  
    9.      
      10. 
  
  
  
    10.      
      11. 
  
  
  
    11.  
      12. 
  
  
  
    12.  
      13. 
  
  
  
    13.  
      14. 
  
  
  
    14.  
      15.

    script1.js

     
 
 
      
  
  
  
    1. alert("script1 completed");  
      2. 
  
  
  
    2. /*偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js*/ 
      3. 
  
  
  
    3. /*偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js*/ 
      4. 
  
  
  
    4. /*偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js 偽造一個(gè)大容量的 js*/ 
      5. 
  
  
  
    5. ... 
      6.

    script2.js

     
 
 
      
  
  
  
    1. alert("script2 completed"); 
      2.

    10、noscript - 定義當(dāng)瀏覽器不支持腳本的時(shí)候所顯示的內(nèi)容element/script/noscript.html

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

    [源碼下載]

    編者按：“此篇文章可能相比以前HTML來(lái)說(shuō)，并沒(méi)有太大的差距，總體來(lái)說(shuō)，以上內(nèi)容相對(duì)基礎(chǔ)，請(qǐng)繼續(xù)關(guān)注后續(xù)文章”

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


    分享標(biāo)題：HTML5深入淺出教學(xué)篇之一
    鏈接地址：http://www.dlmjj.cn/article/cosojeg.html