Web基础知识 --- html中的meta元素有什么用?

meta元素有两种用途。

 用途1:向浏览器传递网页的一些信息,浏览器根据这些信息规定的方式解析和显示网页。或者说,meta元素规定了浏览器解析和显示网页的方式。

 用途2:向搜索引擎传递网页的一些信息,引导搜索引擎工作。

 

 具体如下所述。

 

1 meta元素的类型和用途

 meta元素有三种基本类型。

 

meta元素类型

用途

用户

charset

说明页面文件的字符编码

浏览器

http-equiv

说明处理和显示页面的方式

浏览器

name

说明页面的基本情况

搜索引擎

  

2  charset类型的meta元素

 仅用于说明页面文件的字符编码。如下所示:

 

<meta charset=”utf-8”>

 

 

  

3 http-equiv类型的meta元素

 这类meta元素一定与http响应头的某个字段对应。

 这类meta元素告知浏览器,或者说浏览器遇到这类元素时,处理页面时就如同该页面的http响应头部的对应字段等于这些meta元素值的情形。

  所以,这类meta元素的功能也被称为模拟http头。

 

http-equiv

用途

用法举例

refresh

指示浏览器页面应按指定的周期重新加载

<!== 每隔5秒重新加载一次页面 -->

<meta http-equiv="refresh" content="5"/>

default-style

 

 

content-type

 指示页面内容类型

<!== 把页面当作标准html页面处理,字符编码是utf-8 -->

<meta http-equiv="content-type" content="text/html charset=UTF-8"/>

 

4 name类型的meta元素

 

name 

用途

用法举例

application-name

说明项目名称

<meta name=”application-name”, content=”石油信息化系统”/>

author

说明作者

<meta name=”author”, content=”四川省西南物理研究所”/>

description

说明页面功能

<meta name=”description”, content=”物理勘探计算页面”/>

generator

说明页面生成软件

<meta name=”generator”, content=”VS-Code”/>

keywords

说明页面关键字

<meta name=”keywords”, content=”石油,勘探,计算”/>

 

5 其它类型的meta元素

 参见http://wiki.whatwg.org/wiki/MetaExtensions

 

posted on 2020-02-14 23:11  micemik  阅读(3041)  评论(0编辑  收藏  举报

导航