HTML <head> 元素

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

HTML 头部元素包括
标签     描述
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面上所有链接的默认地址或默认目标。
<link> 定义文档与外部资源之间的关系。
<meta> 定义关于 HTML 文档的元数据。
<script> 定义客户端脚本。
<style> 定义文档的样式信息。

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。

 

<title> 标签定义文档的标题。

<head>
<title>Title of the document</title>
</head>

　　

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：
使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

属性 值 描述
href URL 规定页面中所有相对链接的基准 URL。
target 在何处打开页面中所有的链接。
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。


<link> 标签定义文档与外部资源之间的关系。
<link> 标签最常用于连接样式表：
在下面的例子中，rel 属性指示被链接的文档是一个样式表：

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

属性 值 描述
href URL 规定被链接文档的位置。
rel stylesheet 规定当前文档与被链接文档之间的关系。
type MIME_type 规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 "text/css"，该类型描述样式表。

 

<style> 标签用于为 HTML 文档定义样式信息。
您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。

 

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta> 标签始终位于 head 元素中。

<meta charset="UTF-8">
<meta name="keywords" content="HTML,ASP,PHP,SQL">
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" /> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta http-equiv="Content-Language" content="zh-cn" />

 

posted on 2021-09-14 15:51  PerfectData  阅读(142)  评论(0)  编辑  收藏  举报

导航