HTML基础：Meta标签专篇

梦里梦外; 2023-07-24 05:39 23阅读 0赞

这篇仅讲HTML文件头标签meta标签的使用，因为这个标签的功能作用太多太杂太重要，所以专门开这篇介绍Meta标签。

### 文章目录 ###

*  meta标签介绍
 *  常见的网页应用
 *   *  1. 字符编码
     *  2. 页面描述
     *  3. 关键字
     *  4. 作者
     *  5. 定时刷新
     *  6. 定时跳转
     *  7. 网页到期时间
     *  8.缓存设置
     *  9. Cookie设置
     *  10. 网页安全等级设置
     *  11. 页面独立设置
     *  12. 网页过渡设置

# meta标签介绍 #

什么是文件头标签meta呢？  
Meta标签用来**描述一个HTML网页文档的属性**，例如作者、日期和时间、网页描述、关键词、页面刷新等。`<meta>`标永远位于文档的头部`<head>`。`<meta>`标签的属性定义了与文档相关联的名称/值对。  
光看原理能看懂嘛，反正我是看不懂，所以就举下面的例子，感悟吧。

# 常见的网页应用 #

## 1. 字符编码 ##

<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

作用：指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。

## 2. 页面描述 ##

<meta name="description" content="这就是一个简单直接的教程，。。。。。。">

作用：定义web页面描述。

## 3. 关键字 ##

<meta name="keywords" content="网页设计，网站设计，网站，设计">

作用：为网页定义文档关键词，用于搜索引擎。

## 4. 作者 ##

<meta name="author" content="Rob">

作用：定义网页页面作者

## 5. 定时刷新 ##

<meta http-equiv="refresh" content="30">

作用：每30秒刷新页面。

## 6. 定时跳转 ##

<meta http-equiv="Refresh" content="时间;指定页面">

作用：定时让网页在指定的时间内，跳转到指定页面。

## 7. 网页到期时间 ##

<meta http-equiv="Expires" content="Mon,23 May 2022 00:20:00 GMT">

作用：可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式。

## 8.缓存设置 ##

<meta http-equiv="Pragma" content="no-cache">

作用：用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出。

## 9. Cookie设置 ##

<meta http-equiv="set-cookie" content="Mon,12 Otc 2020 00:20:00 GMT">

作用：设定cookie，如果网页过期，存盘的cookie将被输出。

## 10. 网页安全等级设置 ##

<meta http-equiv="Pics-label" content="">

作用：网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的。

## 11. 页面独立设置 ##

<meta http-equiv="windows-Target" content="_top">

作用：强制页面在当前窗口中以独立的页面显示，可以防止自己的网页被别人当作一个frame页调用。

## 12. 网页过渡设置 ##

<meta http-equiv="Page-Enter" content="revealTrans (duration=10,transition=50) ">和<meta http-equiv="Page-Exit" content="revealTrans (duration=20,transition=6) ">

作用：设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡“，不过所加的页面不能够是一个frame页面。

--------------------

其实还有很多用途，慢慢补充，现在了解和使用的就这么多。  
同为小白，若有缺漏，敬请指出。  
个人集，转载备注出处。

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML meta标签content属性

content="IE=edge,chrome=1"作用这是一个HTML meta标签，它位于HTML文档的头部，作为网页的元数据之一。content=“IE=edge

心已赠人/ 2023年10月08日 21:13/ 0 赞/ 156 阅读

相关 HTML基础：Meta标签专篇

这篇仅讲HTML文件头标签meta标签的使用，因为这个标签的功能作用太多太杂太重要，所以专门开这篇介绍Meta标签。文章目录 meta标签介绍常见

梦里梦外;/ 2023年07月24日 05:39/ 0 赞/ 24 阅读

相关 HTML_15 —— meta标签

charset 指定网页使用的字符集 name 指定数据的名称 content 指定数据的内容 <!--keywords表示网站搜索的关键字

「爱情、让人受尽委屈。」/ 2023年07月18日 14:27/ 0 赞/ 101 阅读

相关 html中meta标签相关

1、meta name=“viewport” content="width=device-width, initial-scale=1.0, minimum-scale=1.0

╰+哭是因爲堅強的太久メ/ 2023年02月26日 04:27/ 0 赞/ 108 阅读

相关 html meta标签

> `<meta />`标签位于文档头部(head标签内)，可用于定义文档内的元数据（采用键值对的格式）一、通用属性 `content`: 元数据的值 > 元数

╰半橙微兮°/ 2022年12月23日 03:28/ 0 赞/ 288 阅读

相关 html中meta标签详解

meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：　　＜head＞　　＜meta http-equiv="co

刺骨的言语ヽ痛彻心扉/ 2022年07月28日 01:18/ 0 赞/ 374 阅读

相关 html meta 标签

通常所说的META标签，是在[HTML][]网页源代码中一个重要的[html标签][html]。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、

ゝ一纸荒年。/ 2022年07月13日 05:10/ 0 赞/ 344 阅读

相关 HTML meta标签总结,HTML5 head meta属性整理

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。链接:[http://caibaojian.com/mobile-meta.html\comme

水深无声/ 2022年06月09日 08:44/ 0 赞/ 361 阅读

相关 html meta标签大全

keywords,description(经常用到的两个) 页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开 <meta name="k

绝地灬酷狼/ 2022年06月04日 00:18/ 0 赞/ 402 阅读

相关 html meta标签使用总结

meta标签作用 META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎

r囧r小猫/ 2022年05月24日 13:27/ 0 赞/ 358 阅读