使用<head.../>元素可以定义HTML文档头和元信息元素。
1.使用<head.../>元素可以定义HTML文档头,该元素可以包含如下子元素.
- <script.../>:该元素用于包含JavaScript脚本.关于JavaScript的介绍,在我之后的博客会有介绍.
- <noscript.../>:该元素用于向禁用了JavaScript脚本或不支持JavaScript脚本的浏览器显示提示信息.
- <style.../>:该元素用于定义内部CSS样式.
- <link.../>:该元素用于链接图标或者CSS样式文件等各种外部资源.
- <title.../>:该元素用于定义文档标题.该元素较为常用的属性是id,作为其唯一标识.该元素只能包含文本内容,该文本内容就是该文本的标题.
- <base.../>:该元素用于指定该页面中所有链接的基准链接.
- <meta.../>:该元素用于定义HTML页面的元数据.
2.link元素.
<link.../>元素用于链接图标,CSS样式文件等各种外部资源,其中可指定的属性如下:
href:该属性指定所链接资源的URL.
herflang:该属性指定所链接资源的语言.
media:设置所链接的资源仅适用那些设备.
rel:设置文档与所链接资源的关系.
sizes:指定图标的大小.仅当rel为icon时该属性才有效.
type:指定所链接资源的MIME类型.
扫描二维码关注公众号,回复: 3330899 查看本文章
link元素的用法:
- 使用<link.../>元素载入CSS样式单
<!--引入outer.css样式单文件 -->
<link href="outer.css" rel="stylesheet" type="text/css"/>
- 定义页面的图标
<!-- 定义icon图片 -->
<link href="java.ico" rel="shortcut icon" type="image/x-icon"/>
- 预先加载资源
<!-- 预先加载资源 -->
<link href="base.html" rel="prefetch" type="text/html"/>
3.base元素
<base.../>元素必须是空元素,该元素除了可以指定id作为其唯一标识之外,还可以指定如下两个属性.
- href:指定所有链接的基准路径.
- target:指定超链接默认在哪个窗口打开链接.该属性值只能是_blank/_parent/_self和_top其中之一.
<base target="_blank" href="http://www.baidu.com"/>
4.meta元素
- <meta.../>用于定义页面元信息,定义元信息也就是指定一些name-value对.该元素可以指定如下三个属性.
- http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确处理网页内容.
- name:指定元信息的名称,该名称值可以随意指定.
- content:指定元信息的值.
- charset:指定该页面的字符集.
http equiv属性所支持的值主要有如下几个:
- expires:指定网页过期的时间.
- pragma:指定禁止浏览器从本地磁盘缓存中获取该页面内容,浏览器一旦离开该页面就无法脱机访问该页面,
- refresh:指定浏览器多久时间后自动刷新指定页面.
- set-cookie:设置Cookie.如果网页过期,那么客户端上的Cookie也将被删除.
- content_type:设置该页面的内容类型和所用的字符集.