前端---HTML5头部和元信息

使用<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类型. 

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:设置该页面的内容类型和所用的字符集.