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