av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

HTML5深入淺出教學篇之一

介紹

創(chuàng)新互聯(lián)建站服務項目包括鐵門關網(wǎng)站建設、鐵門關網(wǎng)站制作、鐵門關網(wǎng)頁制作以及鐵門關網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，鐵門關網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到鐵門關省份的部分城市，未來相信會繼續(xù)擴大服務區(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 - 文檔標題element/metadata/title.html

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.      
    5. 
  
  
  
  5.     我是標題 
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.      
    9. 
  
  
  
  9.         var title = document.getElementsByTagName("title")[0];  
    10. 
  
  
  
  10.         alert(title.text);     
    11. 
  
  
  
  11.      
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14.

5、base - 設置文檔的默認地址和鏈接的默認打開方式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 - 定義兩個文檔之間的關系，一般用于引入樣式表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 - 文檔相關的元數(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.         // 獲取 meta 中設置的 cookie  
    44. 
  
  
  
  44.         alert(document.cookie);  
    45. 
  
  
  
  45.      
    46. 
  
  
  
  46.  
    47. 
  
  
  
  47.  
    48.

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.         我和我的子都應該是紅色的  
    11. 
  
  
  
  11.          
    12. 
  
  
  
  12.             div { color:Red; }  
    13. 
  
  
  
  13.          
    14. 
  
  
  
  14.     
 
  •     
     
  •         如果我是紅色的，也就是說瀏覽器不支持 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. /*偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js*/ 
      3. 
  
  
  
    3. /*偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js*/ 
      4. 
  
  
  
    4. /*偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js 偽造一個大容量的 js*/ 
      5. 
  
  
  
    5. ... 
      6.

    script2.js

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

    10、noscript - 定義當瀏覽器不支持腳本的時候所顯示的內容element/script/noscript.html

     
 
 
      
  
  
  
    1.  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.     noscript 
      5. 
  
  
  
    5.  
      6. 
  
  
  
    6.  
      7. 
  
  
  
    7.      
      8. 
  
  
  
    8.         alert("您的瀏覽器支持腳本");  
      9. 
  
  
  
    9.      
      10. 
  
  
  
    10.      
      11. 
  
  
  
    11.     
      12. 
  
  
  
    12.         您的瀏覽器不支持腳本  
      13. 
  
  
  
    13.      
      14. 
  
  
  
    14.  
      15. 
  
  
  
    15.  
      16.

    [源碼下載]

    編者按：“此篇文章可能相比以前HTML來說，并沒有太大的差距，總體來說，以上內容相對基礎，請繼續(xù)關注后續(xù)文章”

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


    文章標題：HTML5深入淺出教學篇之一
    網(wǎng)頁網(wǎng)址：http://uogjgqi.cn/article/cosojeg.html
    掃二維碼與項目經(jīng)理溝通

    我們在微信上24小時期待你的聲音

    解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流