一、建造基本的文档结构

     1.DOCTYPE

        作用：告诉浏览器两件事：它处理的是HTML文档；用来标记文档内容的HTMl所属的版本。

     2.HTML

        根元素

     3.HEAD

        包含文档元数据;元数据向浏览器提供有关文档内容和标记的信息，脚本和外部资源的引用

      4.BODY

        文档内容

二、元数据

        title:设置文档的标题和名称

                            
            I like apples and oranges.        
        Visit Apress.com    

         base:设置基准url

                                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

    meta:

用来定议文档的各个元数据:每个meta只能用于一种用途

                            
            
                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

声明字符编码

模拟HTTP表头字段：修改HTTP标头字段的值

                            
            
            
            
                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

 

定义CSS样式：

  1）指定样式内容：type:texy/css,目前浏览器只有css一种

  2）scoped:样式的作用范围

     如果有这个的存在样式只作用于父元素及兄弟元素，如果没有作用于整个文档

  3）指定样式适用的媒体

                            
            
            
                                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

                            
            
            
                                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

 

指定外部资源：

    1）载入样式表

    2）为页面定义网站标志

                            
            
            
            
                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

  3）预先获取资源：要求浏览器预先获取预计很快要用到的资源---好像只有firefox支持

 

使用脚本元素（script  noscript）

    1)script 

       内嵌脚本

        载入外部脚本

        推迟脚本执行（async defer）  

          defer:文档解析完成以后

          async:用于比较耗资源的情况下，异步加载js

2)noscript 

     用来向禁用了js或不支持js的浏览器的用户显示一些内容

                            
            
            
            
                    
                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

                            
            
            
            
                    
                    
            I like apples and oranges.        
        Visit Apress.com        Page 2    

 

更多关于元数据：