首页 > 技术文章 > <head></head>都可以放什么,什么作用?

sqyss 2019-06-28 23:14 原文

 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://static.cnblogs.com/" />
    </head>
    <body>
        <img src = "./images/logo_gray.gif" />
</html>

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

实例2:

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

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

三、HTML<link>元素

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

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

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

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

属性学习网址:http://www.w3school.com.cn/tags/tag_link.asp

四、HTML<style>元素

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

在HTML和XHTML中没有差异

属性学习网址:http://www.w3school.com.cn/tags/tag_style.asp

五、HTML<meta>元素

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

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

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

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

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

学习网址:http://www.w3school.com.cn/tags/tag_meta.asp

六、HTML<script>元素

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

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

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

学习网址:http://www.w3school.com.cn/tags/tag_script.asp

总结:

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

 

 

推荐阅读