HTML头部标记

<head>……</head>是html文件的头部标记， 所有头部内标记的容器。这部分的内容会影响到搜索引擎对网页的收录和排序，以及网页的各种全局设置，但不会在页面中显示，内容可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。为了能够对网页进行设置，你可以在这部分插入title, base, link, meta, style等标记。

title标记

title标记定义了html文档的标题，该标记在所有 HTML/XHTML文档中都是必需的。如同整个html头部文件不会在网页页面中显示一样，这个标题是指浏览器标签中的标题，而与网页页面中的各类标题无关。

base标记

base标记规定了页面上所有链接的默认地址或默认目标。主要属性有：

  • href 规定页面中所有相对链接的基准URL
  • target 规定页面中所有的超链接和表单在何处打开

link标记

link标记定义了该文档与外部资源之间的关系，通常用于链接到样式表。该标记可在于head部分不过多次出现。link 元素是空元素，它仅包含属性。主要属性有

  • href 规定被链接文档的位置
  • rel 规定当前文档与被链接文档之间的关系
  • type 规定被链接文档的MIME类型

meta标记

meta标记是元信息标记，属于头部信息的基本标记。该标记用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。同样，标记不会显示在页面上，但是对于机器是可读的。meta标记属性主要分两种：页面描述属性(name)和http标题信息(http-equiv)。

name属性

name属性主要用于描述网页的内容，用于对搜索引擎的优化。name的取值如下:

  1. keywords。即关键字，用于说明网页所包含的关键字等信息，从而提高被搜索引擎搜索到的概率。编写格式为<meta name=”keywords” content =“关键字”/>，content属性的值为用户所设置的具体关键字。（一般可设置多个关键字，他们之间用英文半角的逗号分开，搜索引擎都限制关键字的数量，所以关键字内容要简洁精练）
  2. description。即描述，用于描述网页的主要内容、主题等，合理设置也可以提高被搜索引擎搜索到的概率。格式为<meta name=”description” content=“对页面的描述”/>，content属性值为用户所设置的页面具体描述的内容，最多容纳1024个字符，但搜索引擎一般只显示约前175个字符。
  3. author。作者，用于设置网站作者的名称，比较专业的网站经常用到。格式为<meta name=”author” content =“作者名称”/>
  4. generator。生成器，用于设置网站编辑工具的名称，比较专业的网站页面上经常用到。格式<meta name=”generator” content =“网站编辑工具名称”/>
  5. robots。机器人，用于限制页面搜索方式。搜索引擎的搜索机器人，沿着网页上的链接（如http和src链接），不断地检索资料建立自己的数据库。通过这种meta标记可以限制部分内容不被搜索引擎检测到，降低部分信息公开性。编写格式为<meta name=“robots” content=”指令组合”>。该属性的主要有：
    • 信息参数为all：文件将被检索，且页面上的链接可以被查询
    • 信息参数为none：文件将不被检索，且页面上的链接不可以被查询
    • 信息参数为index：文件将被检索
    • 信息参数为follow：页面上的链接可以被查询
    • 信息参数为noindex：文件将不被检索，但页面上的链接可以被查询
    • 信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询

http-equiv属性

http-equiv属性的取值具体如下：

  1. content-type。内容类别，用于设置页面的类别和语言字符集。编写格式<meta http-equiv=“content-type” context=“text/html”；charset=“gb2312”/>，content属性的值代表页面采用HTML代码输出，字符集为gb2312（简体中文），国际化网站开发的话，为了字符统一，建议charset采用utf-8
  2. refresh。刷新，用于设置多长时间内网页自己刷新一次，或者用一段时间自动跳转到其他页面，第一种编写格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒刷新一次，第二种编写格式<meta http-equiv=“refresh” context=“30；url=www.google.com”/>，表示30秒后页面自动跳转到www.google.com网站 3.expires。中文意思为“到期”，用于设置页面到期时间。一旦网页过期，必须到服务器上重新调用网页。第一种编写格式为<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，content值代表网页过期的时间，必须使用GMT时间格式。第二种编写格式为<meta http-equiv=“expires” context=“30”/>，表示多少秒后过期。
  3. cache-control。缓存控制，用于禁止在缓存中调用网页，编写格式为<meta http-equiv=“cache-control” context=“no-cache”/>，no-cache代表不允许缓存。
  4. set-cookie。设置cookie，用于设置本页面cookie多久过期，编写格式为<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，代表到这个时间，cookie将被删除。

此外，<meta http-equiv=”imagetoolbar” content=”false”/> 指定是否显示图片工具栏，当为false代表不显示，当为true代表显示；<meta http-equiv=”pragma” content=”no-cache”>代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定，访问者将无法脱机浏览。

content 属性始终要和 name 属性或 http-equiv 属性一起使用，该属性提供了名称/值对中的值。该值可以是任何有效的字符串。

charset属性

charset属性定义网页使用的字符集，多使用’UTF-8’。 - - - - -

本文主要整理自一下3篇文章：

  1. w3school的html系列教程-HTML头部元素
  2. 脚本之家HTML网页头部代码实例详解
  3. 脚本之家HTML网页头部代码全清楚
Previous     Next Xu Kuang /
Published under (CC) BY-NC-SA in categories 技术篇  tagged with html