帮助分类
常见问题
服务器/域名/数据库
备案
网络安全
云计算
其他问题
网站建设脚本<head></head>具体怎么使用,有何用途?

HTML <head></head>头部元素包含关于文档的概要信息,也被称为元信息(meta-information)。 


<head></head>元素包含了所有的头部标签元素。在<head>元素中你可以插入脚本(scripts),样式文件(CSS),及各种meta信息。可以添加在头部区域的元素标签为:<title>,<style>,<meta>,<link>,<script>,<noscript>和<base>。


<head></head>元素描述了文档的各种属性和信息,其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。 


一、 HTML <title> 元素

<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题


二、HTML<base>元素

<base>元素描述了基本的链接地址、链接目标,该元素作为HTML文档中所有的链接标签的默认标签。
在HTML中<base>元素没有结束标签,在XHTML中<base>元素必须被正确的关闭。
实例1:

<html> <head> <base href="http://www.idcpt.com/" /> </head> <body> <img src = "./images/logo.png" /> </html>

这事我们用相对路径./images/logo.png加载的图片,却变成了:http://www.idcpt.com/images/logo.png的图片路径,这就是base元素的作用,可以给页面的链接加上默认的路径或者打开方式,这个实例1表现的是:给页面的链接加上默认的路径。

实例2:


<html> <head> <base target = "_blank" /> </head> <body> <a href = "http://www.idcpt.com">这个页面会在新窗口上打开!</a> <a href = "http://www.idcpt.com">同上,新窗口打开!</a> </html>

这个实例2表现的是:给页面的链接设置默认的打开方式。


三、HTML<link>元素

<link>元素定义了文档与外部资源之间的关系,通常用于链接到样式表。

在HTML中<link>元素没有结束标签,在XHTML中<link>元素必须被正确的关闭。

<link>元素是空元素,它仅包含属性。

<link>元素只能存在于 head 部分,不过它可出现任何次数。


四、HTML<style>元素

<style>元素定义了HTML文档的样式引用地址,在<style>元素中需要指定样式文件来渲染HTML文档。

在HTML和XHTML中没有差异


五、HTML<meta>元素

<meta>元素通常用于指定网页的描述,关键字,文件的最后修改时间,作者等其他元数据。

<meta>元素提供了元数据,元数据不显示在页面上,但会被浏览器解析,元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键字)等。

<meta>元素永远放置于<head>区域。

在HTML中<meta>元素没有结束标签,在XHTML中<meta>元素必须被正确的关闭。

元数据总是以名称/值的形式被成对传递的。


六、HTML<script>元素

 <script> 标签用于定义客户端脚本,比如 JavaScript。

 script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

 必需的 type 属性规定脚本的 MIME 类型。

总结:

<head> 定义文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件