首页 » HTML » HTML头部

HTML头部标签

HTML头部的结构:

<head>
    <meta charset="utf8">
    <title>标题</title>
    <meta name="keywords" content="文章关键字,关键字,关键字" />
    <meta name="description" content="文章简要描述" />
    <link rel="stylesheet" type="text/css" href="/style.css" />
</head>

<meta>标签

<meta>标签(meta即metadata,元数据之意)的几个重要属性是:

  • charset - charset(HTML5)指明文档的字符编码方式。我们常见的charset的取值如:utf8GBK等。
  • name - 元数据的名称。常见名称包括:
    • keywords - 关键字。
    • descriptioin - 文档描述。
    • author - 文档作者。
    • generator - 文档生成器。常见的博客系统,会在generator这个地方打上自己的标志,如WordPressMovable Type。我用VimWiki写博客时,也会输出generatorVimWiki
  • href - 文档的路径(尽量写作绝对路径)。

<link>标签

<link>标签的几个重要属性是:

  • rel - relrelationship的缩写,表示当前文档和外部链接文档的关系。常见rel的取值有以下几种:
    • stylesheet - 样式表。
    • icon - 网站图标。
  • type - 即MIME类型。常见的类型如text/cssimage/ico等。
  • href - 文档的路径(尽量写作绝对路径)。

<base>标签

base标签指定一个链接,此后文档中的所有连接都是相对于base指定链接。如:

<head>
    <base href="http://www.berlinix.com/images/" target="_blank" />
</head>
<body>
    <img src="self.png" alt="self" />
</body>

技巧

使用绝对路径

<link>标签引入外部文件,例如CSS文件时,通常写作:

<link type="text/css" rel="stylesheet" href="/style.css" />

仔细看href="/style.css"而不是href="style.css"。如果所有HTML文件都在同一个路径下,后者的写法没有问题,但如果有多层级路径,就一定要指向网站根目录下的style.css文件。

参考

Tags: HTML 标签 

分享

0