html的head标签是描述网页的头部信息,其内部通常有以下几种标签。
title |
定义了文档的标题 |
base |
定义了页面链接标签的默认链接地址 |
link |
定义了一个文档和外部资源之间的关系 |
meta |
定义了HTML文档中的元数据 |
script |
定义了客户端的脚本文件 |
style |
定义了HTML文档的样式文件 |
这些标签不是必须的,但通常情况应该指定,比如title。
下面是12306(火车定票)网站首页的head内容:
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="中国铁路客户服务中心网站是铁路服务客户的重要窗口,将集成全路客货运输信息,为社会和铁路客户提供客货运输业务和公共信息查询服务。客户通过登录本网站,可以查询旅客列车时刻表、票价、列车正晚点、车票余票、售票代售点、货物运价、车辆技术参数以及有关客货运规章。" /> <title>铁路客户服务中心</title> <link href="/mormhweb/images/global20150101.css" rel="stylesheet" type="text/css" /> <link href="/mormhweb/images/erweima.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" type="image/x-icon" href="http://www.12306.cn/mormhweb/images/favicon.ico" /> <link rel="icon" type="image/x-icon" href="http://www.12306.cn/mormhweb/images/favicon.ico" /> <script type="text/javascript" src="/mormhweb/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="/mormhweb/js/jquery.SuperSlide.2.1.1.js"></script> <script type="text/javascript" src="/mormhweb/images/jquery.bgiframe.min.js"></script> <script type="text/javascript" src="./images/jquery.flash.js"></script> <script type="text/javascript" src="/mormhweb/js/adKyfw.min.js" charset="utf-8"></script> </head>
meta标签
meta标签描述了一些基本的元数据。
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">
指明网页的字符编码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
script标签
标签用于加载脚本文件,如:JavaScript。src属性指明脚本文件的地址,可以是相对地址(引用本地网站的脚本文件),也可以是远程的脚本文件(来自其他网站)。
style标签
style标签定义了HTML文档的样式文件引用地址.
在style元素中你也可以直接添加样式来渲染 HTML 文档:
<head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head>
link标签
link 标签定义了文档与外部资源之间的关系。
link 标签通常用于链接到样式表:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
base标签
标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:
<head> <base href="http://www.wave12.com/images/" target="_blank"> </head>
评论