html学习之路(一)- 头部标签

title标签

说明:定义一个文档级别的标题,这个标题会在浏览器输入栏上方显示。
属性:暂无
用法:菜鸟教程 - 学的不仅是技术,更是梦想!

meta标签

说明:定义文档的元信息,不同的属性,标记着不同的元内容。
属性:
1.charset属性定义文档的编码方式,未声明可能会出现乱码。
  取值:UTF-8,GBK
2.name属性定义关于SEO的元信息,配合content属性使用。
  取值:冒号前为name属性的值,冒号后为content属性的值
  1.description:文本值,
  2.keywords:文本值,以逗号隔开
  3.author:文本值(名字和邮箱,以逗号隔开)
  4.robots:待补充
  5.viewport:代补充
3.http-equiv属性定义等同于http头部的元信息,配合content属性使用。
  取值:冒号前为name属性的值,冒号后为content属性的值
  1.content-type:UTF-8,GBK
  2.X-UA-Campability:ie-edge,chrome-1
  3.refresh:刷新间隔(秒)[,跳转地址(绝对地址或相对地址)]
4.content属性不能单独使用,需和前面两个属性配合使用。
用法一:


用法二:










用法三:






link标签

说明:定义文档所链接的外部资源,按属性值的不同,链接不同的资源。
属性:
1.rel属性定义文档与外部资源的关系。
  值:icon,stylesheet,author,alternate,archives,bookmark,external,first
  last,help,license,next,nofollow,norefere,pingback,prefetch,prev,search
  sidebar,tag,up
2.media属性定义资源在什么设备上加载。
  取值:以下组合
  1.运算符:and not ,
  2.设备:all,screen,handheld,aural,braile,projection,print,tty,tv
  3.取值:width,height,device-width,device-height,orientation,aspect-ratio
  device-aspect-ratio,color,color-index,monochrome,resolution,scan,grid
3.src属性定义资源的地址,文本值。




style标签

说明:定义一个内联样式表,作用在该文档之内。
属性:暂无
用法:

script标签

说明:定义脚本,作用在该文档之内。
属性:
1.type属性定义脚本的类型,非以下值会被当做数据块。
  值:text/[javascript,ecmascript],application[javascript,ecmascript],module
2.src属性定义脚本的来源地址,文本值。
3.defer属性定义脚本在文档解析后,DOMContentload前触发,布尔值。
4.async属性定义是否异步执行脚本,布尔值。
用法:




附录:

 
 
    
        
        
        
        

        
        Title of  this page

        
        
        
        

        
        
        
        
        
        
        
        
    
        
        
        
        
        

        
        
        
        
        
        
        
        
    
    
    

你可能感兴趣的:(html学习之路(一)- 头部标签)