首页 > 代码库 > HTML高级编程(5)——HTML 头部

HTML高级编程(5)——HTML 头部

实例

文档的标题
头元素内部的标题信息不会显示在浏览器窗口中。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /><title>标题不会显示在文档区</title></head><body><p>这段文本会显示出来。</p></body></html>

查看结果:

 

一个 target,所有的链接
本例显示如何使用 base 标签使页面中的所有标签在新窗口中打开。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /><base target="_blank"></head><body><p><a href="../index.htm" tppabs="http://www.w3school.com.cn/" target="_blank">这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 "_blank"。</p><p><a href="../index.htm" tppabs="http://www.w3school.com.cn/">这个连接</a> 也将在新窗口中加载,即使没有 target 属性。</p></body></html>

查看结果:

 

头元素

头元素包含关于文档的概要信息,也称为元信息(meta-information)。Meta 意为“关于某方面的信息”。

可以这么说,元数据(meta-data)是关于数据的信息,而元信息是关于信息的信息。

 

头元素内的信息

头元素内的元素不会被浏览器显示出来。

根据 HTML 标准,仅有几个标签在 HTML 的头部分是合法的。它们是:<base>, <link>, <meta>, <title>, <style> 和 <script>。

这是一个不合法的结构:

<head>  <p>This is some text</p></head>

在这个案例中,浏览器有两种选择:

  • 显示文本,因为它在段落元素中。
  • 隐藏文本,因为它在头元素中。

假如你将 <h1> 或者 <p> 之类的 HTML 元素像这样置于头元素之中,大多数浏览器都会显示它,即使这是非法的。

浏览器真的应该忽略这个的错误吗?我们不这么认为。即使别人这么认为。

 

Head 标签

标签描述
<head>定义关于文档的信息。
<title>定义文档标题。
<base>定义页面中所有链接的基准 URL。
<link>定义资源引用。
<meta>定义元信息。
标签描述
<!DOCTYPE>定义文档类型。此标签须位于 html 标签之前。