微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

Meta Http-equiv属性详解_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 11:27:29
原创
1508人浏览过

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

引用

meat标签的http-equiv属性语法格式是： ＜meta http-equiv="参数" content="参数变量值"＞；其中http-equiv属性主要有以下几种参数：

1、Expires(期限)

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。 用法：

Html代码

立即学习“前端免费学习笔记（深入）”；

＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
登录后复制

注意：必须使用GMT的时间格式。

2、Pragma(cache模式)

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

Html代码

立即学习“前端免费学习笔记（深入）”；

＜meta http-equiv="Pragma" content="no-cache"＞
登录后复制

注意：这样设定，访问者将无法脱机浏览。

3、Refresh(刷新)

说明：自动刷新并指向新页面。

用法：

Html代码

立即学习“前端免费学习笔记（深入）”；

＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞
登录后复制

注意：其中的2是指停留2秒钟后自动刷新到URL网址。

4、Set-Cookie(cookie设定)

说明：如果网页过期，那么存盘的cookie将被删除。 用法：

Html代码

立即学习“前端免费学习笔记（深入）”；

＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
登录后复制

注意：必须使用GMT的时间格式。

5、Window-target(显示窗口的设定)

说明：强制页面在当前窗口以独立页面显示。

用法：

Html代码

立即学习“前端免费学习笔记（深入）”；

＜meta http-equiv="Window-target" content="_top"＞
登录后复制

注意：用来防止别人在框架里调用自己的页面。

解决IE下不支持placeholder属性
解决IE下不支持placeholder属性

解决IE下不支持placeholder属性 30
查看详情 解决IE下不支持placeholder属性

6、content-Type(显示字符集的设定)

说明：设定页面使用的字符集。

用法：

Html代码

立即学习“前端免费学习笔记（深入）”；

＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
登录后复制

7、Pics-label(网页等级评定)

用法：

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="Pics-label" contect="">
登录后复制

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

8、Page_Enter、Page_Exit

设定进入页面时的特殊效果

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="Page-Enter"    contect="revealTrans(duration=1.0,transtion=    12)">
登录后复制

设定离开页面时的特殊效果

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="Page-Exit"    contect="revealTrans(duration=1.0,transtion=    12)">
登录后复制

Duration的值为网页动态过渡的时间，单位为秒。

Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

0    盒状收缩    1    盒状放射  2    圆形收缩    3    圆形放射  4    由下往上    5    由上往下  6    从左至右    7    从右至左  8    垂直百叶窗    9    水平百叶窗  10    水平格状百叶窗    11垂直格状百叶窗  12    随意溶解    13从左右两端向中间展开  14从中间向左右两端展开    15从上下两端向中间展开  16从中间向上下两端展开    17    从右上角向左下角展开  18    从右下角向左上角展开    19    从左上角向右下角展开  20    从左下角向右上角展开    21    水平线状展开  22    垂直线状展开    23    随机产生一种过渡方式
登录后复制

9、清除缓存（再访问这个网站要重新下载！）

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="cache-control" content="no-cache">
登录后复制

10、设定网页的到期时间

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="expires" content="0">
登录后复制

11、关键字,给搜索引擎用的

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
登录后复制

12.页面描述

Html代码

立即学习“前端免费学习笔记（深入）”；

<meta http-equiv="description" content="This is my page">
登录后复制

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：css实现的将英文单词进行大小写转换代码实例_html/css_WEB-ITnose 下一篇：css实现将英文语句第一个单词首字母大写_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
解决IIS URL重写/重定向规则导致静态资源加载失败的问题 本文旨在解决在IIS中配置URL重写或重定向规则后，网页静态资源（如CSS、图片）加载失败的问题。核心原因在于重定向改变了浏览器解析相对路径的基准URL，导致资源路径错误。文章将指导读者通过浏览器开发者工具诊断问题，并提供修改静态文件路径或调整资源位置的解决方案，以确保网站在重定向后仍能正常显示样式。
2025-11-12 08:57:10
447
AEM HTL组件中动态添加HTML属性：rel属性的正确姿势 本教程详细阐述了在AdobeExperienceManager(AEM)HTL组件中动态添加HTML属性，特别是rel属性的正确方法。通过分析常见错误，我们揭示了直接绑定模型属性的局限性，并提供了使用properties对象结合context=‘attribute’选项的解决方案，确保属性安全且正确地渲染到HTML元素上。
2025-11-12 08:42:01
124
CSS选择器：精准定位父元素的最后一个特定类型直接子元素 本教程详细讲解如何在CSS中精准选择一个父元素的最后一个特定类名的直接子元素，避免误选嵌套层级中的同名子元素。通过结合使用直接子选择器（>）和伪类（:last-child），可以有效限定选择范围，实现精确的样式控制，解决常见的last-child和last-of-type选择器在复杂DOM结构中的选择问题。
2025-11-12 08:07:21
225
html源码如何保存为移动设备文件_html源码保存到移动设备的详细步骤 可通过浏览器功能、第三方应用、云服务或自动化工具将网页HTML源码保存至移动设备。首先在手机浏览器中查看源代码并复制，粘贴到文本编辑器保存为.html文件；或使用QuickEdit等应用导入源码并存储；还可通过电脑获取源码上传至GoogleDrive等云平台，再从手机端下载；此外，iOS用户可利用“快捷指令”创建自动化流程，实现打开网页时自动保存其HTML内容至文件应用，方便离线查看与学习。
2025-11-12 08:05:23
630
如何使用Sublime Text处理响应式HTML设计的详细教程 SublimeText通过合理配置和插件可高效支持响应式HTML开发。首先更新至最新版本，设置2空格缩进、启用BracketHighlighter高亮标签；安装Emmet快速生成HTML5和Bootstrap结构，用SideBarEnhancements增强文件操作，ColorHighlighter可视化颜色值，HTML-CSS-JSPrettify格式化代码；编写时用Emmet输入meta:vp添加viewport，结合CSS框架类名构建响应式布局，并通过外部浏览器配合LiveServer实时
2025-11-12 08:04:02
706
如何写好html_HTML编写（语义化/规范）高质量代码方法与建议 答案是提升HTML代码质量需坚持语义化标签使用、遵循书写规范、关注可访问性，并借助工具优化。具体包括：用、等语义标签构建清晰结构，保持标题层级逻辑；属性值用双引号、标签小写、合理缩进以提升可读性；为图片添加alt属性，表单使用label关联，提升无障碍体验；结合W3C验证器和Prettier等工具持续优化代码，确保结构正确、风格统一，最终实现易于维护且兼容性强的HTML代码。
2025-11-12 06:41:33
382
如何在电商网站后台在线编辑HTML模板的解决办法 确认平台是否支持自定义HTML编辑，使用安全的编辑方式并备份测试。进入装修页面查看代码编辑选项，查阅文档确认权限，避免直接修改导致崩溃，启用预览模式、清除格式粘贴、使用标准标签，每次仅修改小模块并保存本地备份，发现问题及时还原，确保调整安全高效。
2025-11-12 02:03:12
148
html如何旋转照片_HTML图片旋转（CSS transform/Canvas）实现方法 答案：HTML图片旋转主要通过CSStransform和CanvasAPI实现。前者适用于简单展示性旋转，性能好、易上手；后者适合需像素级处理的复杂场景，如编辑后导出。选择取决于是否需要修改图像数据及交互复杂度。
2025-11-12 01:43:35
985
网页版手机HTML工具入口 HTML工具手机版在线试用 网页版手机HTML工具入口在JSEditor等在线平台。1、该平台支持左侧编码、右侧实时预览，内置语法高亮与错误提示，提升移动开发效率；2、兼容HTML、CSS、JavaScript混合编辑，界面适配手机屏幕，操作流畅；3、无需安装，浏览器直接访问，数据本地存储保障隐私，加载快且兼容主流移动浏览器；4、可生成临时链接分享项目，支持导出文件与历史记录恢复，便于协作与多任务管理。
2025-11-12 01:01:27
650
如何编辑网页HTML中的网格系统_如何编辑网页HTML中使用Bootstrap网格系统的方法 Bootstrap网格系统通过容器、行、列类构建响应式布局，支持多断点控制、偏移对齐、嵌套布局及自动宽度分配，实现灵活适配。
2025-11-11 23:56:03
518
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部