XHTML 头部 head 标签

<head>标签

<head></head> 标签定义文档的头部信息。

<head> 内的元素信息是提供给浏览器作为辅助信息,不会被显示在浏览器窗口内。只有 <title></title> 标签内的文档标题信息会显示在浏览器最上边的标题栏里。

语法:

<head>
  其他子标签……
</head>

Head 子标签

<head> 标签实际是由众多子标签构成的。合法的子标签包括:

子标签 说明
<meta> 提供有关页面的元信息(meta-information)
<link> 定义文档与外部资源的关系,如 CSS 样式文档
<style> 为 HTML 文档定义 CSS 样式信息
<title> 定义 XHTML 文档的标题
<base> 为页面上的所有链接规定默认地址或默认目标,不常用

除以上子标签外,<head> 标签内不允许嵌入其他标签,如下述用法是错误的:

<head>
  <p>文字信息</p>
</head>

该例子里嵌入的段落文字尽管能被大部分浏览器显示出来,但这仅是浏览器的一种容错机制。作为符合标准的 HTML 语言写法,应该避免。

Head 完整例子

<head>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="zh-cn" />
<meta name="robots" content="all" />
<meta name="keywords"  content="XHTML教程,DIV+CSS教程,PHP+MySQL教程,ThinkPHP教程" />
<meta name="description" content="最易学的个性化Web开发在线教学网站。提供 XHTML教程、DIV+CSS教程、
PHP+MySQL教程、ThinkPHP教程,从入门到精通。" />
<meta name="copyright" content="Copyright (c) 2010 by www.5idev.com" />
<meta name="author" content="5idev.com" />
<link href="style/default.css" rel="stylesheet" type="text/css" />
<title>5iDev Web开发在线教程 - 我爱开发网</title>
<script>
	//JavaScript代码
</script>
</head>

本章节内容共分 4 部分:

  1. 1. XHTML 头部 head 标签
  2. 2. XHTML link 标签
  3. 3. XHTML style 标签
  4. 4. XHTML title 标签

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程