html5理解head_动力节点Java学院整理

2019-01-28 21:50:32于丽

HTML文档的head部分,通常包括指定页面标题,为搜索引擎提供关于页面本身的信息,加载样式表,以及加载JavaScript文件(出于性能考虑,多数时候放在页面底部</body>标签结束前加载JavaScript)。除了title,head里的内容对页面访问者来说都是不可见的.

下面是HTML文档head部分的一个例子:

<head> <meta charset="utf-8" /> <meta name="author" content="Adam Freeman"/> <title>Your page title</title> <base href="http://titan/listings/" target="_blank"/> <style type="text/css"> a{ background-color: grey; color: white; padding: 0.5em; } </style> </head>

title元素 

head元素中必须包含一个title元素,该元素内容会出现在浏览器的标签页中或者出现在浏览器窗口的顶部,作为网页标题,和浏览器相关。 

base元素

base元素用来设置一个基准URL,让HTML文档中的相对链接在此基础上进行解析。如未指定,则使用当前加载文档的URL。base元素还能设定链接在用户点击时的打开方式,以及提交表单时浏览器如何反应。 

<base href="http://bjpowernode/listings/" target="_blank"/>

1)href即为指定的基准URL。 

2)target属性规定在何处打开页面上的所有链接,包括值: 

 1)_blank:在新窗口中打开被连接文档;
 2)_self:默认,在相同的框架中打开被链接文档;
 3)_parent:在父框架打开被链接文档;
 4)_top:在整个窗口中打开被链接文档;
 5)framename:在指定框架中打开被链接文档。 

meta元素 

meta元素用来定义文档的各种元数据,meta元素可以有多种用途,但每个meta元素只能用于一种用途,如果需要使用不止一种,就需要在head元素中添加多个meta元素。

指定名/值元数据对 

<meta name="author" content="Adam Freeman"/>

name属性用来表示元数据的类型,content属性提供值。name属性包含以下值: 

 1)application name:当前页所属Web应用系统的名称;
 2)author:当前页的作者名;
 3)description:当前页的说明;
 4)generator:用来生成HTML的软件名称;
 5)keywords:描述页面的内容。 

除了以上5个预定义的元数据名称,还可以使用元数据扩展,这里(http://wiki.whatwg.org/wiki/MetaExtensions)有这些扩展的一份时常更新的清单。有些扩展用的比较多,例如robots元数据,HTML文档的作者可以用它告诉搜索引擎该如何对待该文档: