HTML之head标签

  • head标签中必须包含<title></title>
  • <meta><meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
    <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
    例如
  1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    回应浏览器有用的信息:文档类型 文档编码等(强行使浏览器用某种编码格式解析,并不是文档所用的编码格式 Content-Lanauage显示字符集的设定
<meta name="author"content="xxxx.com">
<meta name="revised"content="David Yang,8/1/07">
<meta name="generator"content="Dreamweaver 8.0en">

文档描述信息

  1. <meta http-equiv="Refresh" content="5;url=http://www.xxxx.cn" />
    html页面重定向 本例5秒跳转到url链接
  2. <meta name="keywords"content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript"> 文档关键字描述
  3. <meta name="description" content="对网站的描述">
    对网站的描述 seo经常用到
  4. viewport
    <meta name="viewport" content="width=device-width,initial-scale=1">
    width:控制viewport的大小,一般情况指定为device-width(单位为缩放100%的css像素),也可以指定为固定的值如800.
    height: 和width相应,指定高度
    initial-scale: 初始缩放比例,页面第一次load时候的缩放比例
    maximum-scale:允许用户缩放到的最大比例。
    minimum-scale:允许用户缩放的最小比例
    user-scalable:用户是否可以手动缩放
  5. <meta http-equiv="x-ua-compatible" content="ie=edge,chorme=1">
    会强制浏览器按照最新的标准去渲染,添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。
    PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。
  • <link rel="icon" href="/favicon.ico" type="image/x-icon">
    网页左边的小图标,如果没有指定路径,浏览器会在根目录下寻找
  • 此外还有style、script等标签
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • head位于html网页的头部后 前的标签,并以 开始以 结束的一html标签。head包含标签meta,titl...
    lfpwhy阅读 236评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,352评论 1 41
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,346评论 0 11
  • 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度、行高及外...
    极乐君阅读 2,480评论 0 20