RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间：8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
HTML5深入浅出教学篇之一

介绍

创新互联建站服务项目包括铁门关网站建设、铁门关网站制作、铁门关网页制作以及铁门关网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，铁门关网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到铁门关省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

HTML 5: 根元素, 元数据元素, 脚本元素

根元素 - doctype, html

元数据元素 - 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 - 文档相关的元数据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来说，并没有太大的差距，总体来说，以上内容相对基础，请继续关注后续文章”

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


    分享题目：HTML5深入浅出教学篇之一
    网页地址：http://www.jxjierui.cn/article/cosojeg.html

    其他资讯

    快速导航
    友情链接
    网站建设
    联系方式
    • 企业：青羊区浩晨众云设计工作室（个体工商户）
    • 地址：成都市青羊区太升南路288号
    • 电话：18980820575
    • 网址：www.jxjierui.cn

    公司名称：青羊区浩晨众云设计工作室（个体工商户） 联系电话：18980820575

    网站备案号：蜀ICP备2025119795号-2

    内江浩晨众云建站 内江网站建设 内江网站设计 内江网站制作 成都做网站