HTML中head标签
< head> 标签用于定义文档的头部,它是所有头部元素的容器。< head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分:
< base>, < link>, < meta>, < script>, < style>, 以及 < title>
< title> 它是 head 部分中唯一必需的元素。标签中的文本是文件的标题。标题会显示在浏览器的标题栏。
< base> 标签
< base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 < base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 < a>、< img>、< link>、< form> 标签中的 URL。
< base>中的target,将指定页面中所有链接的打开方式。
实例
< head>
< base href="http://www.baidu.com.cn/i/" />
< base target="_blank" />
< /head>
< body>
< img src="eg_smile.gif" />
< a href="http://www.baidu.com.cn">Baidu</ a>
< /body>
< link> 标签
< link> 标签定义文档与外部资源的关系。
< link> 标签最常见的用途是链接样式表。
实例
链接一个外部样式表:
< head>
< link rel="stylesheet" type="text/css" href="theme.css" />
</ head>
引用网址http://www.cnblogs.com/fslnet/archive/2009/11/17/1604444.html
< meta> 标签
HTML meta content-type 定义文件MIME类型
HTML meta charset 定义网页编码信息
HTML meta content-language 定义页面语言
HTML meta refresh 刷新与跳转(重定向)页面
HTML meta expires 网页缓存过期时间
HTML meta pragma no-cache 页面缓存
HTML meta keywords 网页关键词
HTML meta description 网页简短描述
HTML meta author 网页作者
HTML meta copyright 网页版权
HTML meta date 网页生成时间
HTML meta robots 搜索引擎索引方式
meta 标签 – 在head标签中的meta标签,可以为HTML文档提供额外信息
此标签是单独出现的,< meta />此标签只能出现在head标签内
引用网址:http://www.dreamdu.com/xhtml/tag_meta/
属性:
I18N -- i18n属性
xml:lang -- 国际化属性
content -- content属性
http-equiv -- http-equiv属性
id -- id属性
name -- name属性
scheme -- scheme属性
meta的英文翻译为"元"
meta是metainformation的缩写
name属性与content属性
name属性的值所描述的内容(值)通过content属性表示,便于搜索引擎机器人查找,
分类.其中最重要的是description,keywords和robots.
http-equiv属性与content属性
http-equiv属性用于提供HTTP协议的响应头报文(MIME文档头),它是以名称/值形式的名称,http-equiv属性的值所描述的内容(值)通过content属性表示,通常为网页加载前提供给浏览器等设备使用.其中最重要的是content-type charset 提供编码信息,refresh刷新与跳转页面,no-cache 页面缓存,expires网页缓存过期时间.
< script> 标签
script标签通常放置在一个网页的头部标签head标签内的用于链接外部JS文件外部资源标签,< script> 标签最常见的用途是链接外部js,外部资源。
实例
< script src="js/index.js" type="text/javascript"></ script>
script使用实例演示
链接外部JS时候script 标签的内容结构解释
src的值为外部资源地址,这里是js文件的地址,相当于link标签href链接外部css文件一样CSS引用
type规定被链接文档的 MIME 类,这里是值为text/javascript
特别说明< script>标签和link标签一样不一定必须放置在< head>标签内,可以适当放置在html网页源代码中任何地方,效果相同,但是推荐标准的放置在head标签内
引用网址http://www.divcss5.com/html/h69.shtml
< style> 标签
style 标签 – 在文档中声明样式时使用此标签
style标签是成对出现的,以结束
属性
media – 媒体类型,参见CSS高级教程
type – 包含内容的类型,一般使用type=”text/css”
引用网址:http://www.dreamdu.com/xhtml/tag_style/
实例
< head>
< style type="text/css">
abbr
{
font-size: 12px;
}
.text10pxwhite
{
font-size: 10px;
color: #FFFFFF;
}
</ style>
< / head>