HTML5深入浅出教学篇之一

介绍

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

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

根元素 - doctype, html

元数据元素 - head, title, base, link, meta, style

脚本元素 - script, noscript

示例

1、doctype - 文档类型element/root/doctype.html

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

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

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

#p#

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

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

4、title - 文档标题element/metadata/title.html

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

5、base - 设置文档的默认地址和链接的默认打开方式element/metadata/base.html

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

6、link - 定义两个文档之间的关系,一般用于引入样式表element/metadata/link.html

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

7、meta - 文档相关的元数据element/metadata/meta.html

 
 
 
  1.  
  2.  
  3.  
  4.     meta 
  5.      
  6.      
  7.  
  8.      
  9.  
  10.      
  11.      
  12.      
  13.      
  14.      
  15.      
  16.      
  17.      
  18.      
  19.      
  20.      
  21.  
  22.  
  23.      
  24.      
  25.        
  26.      
  27.        
  28.      
  29.        
  30.      
  31.      
  32.      
  33.        
  34.  
  35.  
  36.      
  37.      
  38.  
  39.  
  40.     webabcd  
  41.  
  42.      
  43.         // 获取 meta 中设置的 cookie  
  44.         alert(document.cookie);  
  45.      
  46.  
  47.  

css1.css

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

css2.css

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

8、style - 定义文档的样式信息element/metadata/style.html

 
 
 
  1.  
  2.  
  3.  
  4.     style 
  5.      
  6.      
  7.  
  8.  
  9.     
     
  10.         我和我的子都应该是红色的  
  11.          
  12.             div { color:Red; }  
  13.          
  14.     
 
  •     
     
  •         如果我是红色的,也就是说浏览器不支持 style 的 scoped(注:目前所有浏览器都不支持 style 的 scoped)  
  •     
  •  
  •  
  •  
  • #p#

    9、script - 用于定义客户端脚本element/script/script.html

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

    script1.js

     
     
     
    1. alert("script1 completed");  
    2. /*伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js*/ 
    3. /*伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js*/ 
    4. /*伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js 伪造一个大容量的 js*/ 
    5. ... 

    script2.js

     
     
     
    1. alert("script2 completed"); 

    10、noscript - 定义当浏览器不支持脚本的时候所显示的内容element/script/noscript.html

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

    [源码下载]

    编者按:“此篇文章可能相比以前HTML来说,并没有太大的差距,总体来说,以上内容相对基础,请继续关注后续文章”

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

    网站名称:HTML5深入浅出教学篇之一
    本文来源:http://www.mswzjz.com/qtweb/news34/182734.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

    猜你还喜欢下面的内容

    ChatGPT知识

    行业网站建设