当前位置： 首页 > news >正文

html学习之路：简述html文档头部 ＜meta＞ 的 http-equiv 属性

news 2025/12/15 8:11:08

🧋当输入网址打开网页时，设置html头部meta的http-equiv属性，可以帮助浏览器更加精确和正常却的显示网页内容，比如设置网页多久自动刷新，设置网页在浏览器缓存中的时限，设置多少事件跳转到指定的网页地址，应对低版本浏览器的渲染兼容问题，以什么样动态的样式去打开浏览器等等等…

首先，我们得知道一张网页即html文档最基础的代码形式和作用是怎样的

🧋一、html文档结构

<!DOCTYPE html>
<!-- 网页的头部，页面的全局信息 -->
<html lang="en">
<head><!-- 页面的标题 --><title>Document</title><!-- 页面的元数据(形容页面的东西) --><meta charset="UTF-8"><!-- 跟搜索排名有关 --><meta name="" content=""><!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --><!-- 设置网页内容的显示方式 --><meta http-equiv="Content-Type" Content="text/html;Charset=gb2312"><!-- 引入js文件 --><script></script><!-- 元素内部样式 --><style></style><!-- 引入css文件 --><link/>
</head>
<body><!-- 网页的主体，页面展示的内容 -->
</body>
</html>

其次，在今天的学习中，我学到了11种关于http-equiv的属性即设置这些属性的意义，总结如下，与同行和大神们共勉和分享，如有错误的地方，多多指点，本人将不甚感激并及时修正。

🧋二、meta的http-equiv属性

1. 设定页面使用的字符集
<meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
<meta http-equiv="Content-Language" Content="zh-CN">
2. 设置页面多长后，自动刷新自己
<meta http-equiv="Refresh" Content="60" >
3. 设置页面多长时间后跳转到指定的url
   <meta http-equiv="Refresh" Content="5" Url=http://www.baidu.com>
4. 定义页面在缓存中的期限
<meta http-equiv="Expires" Content="0">
<meta http-equiv="Expires" Content="Wed,26 Feb 1997 08:21:57 GMT">
<!-- 必须使用GMT的时间格式，或直接设为0 数字表示多少时间后过期 -->
5. 禁止浏览器从本地的缓存中调阅页面内容
<Prama cach模式  -->
<!-- 禁止浏览器从本地机的缓存中调阅页面内容 -->
<!--meta http-equiv="Pragma" Content="No-each">
<!-- 网页不保存在缓存中，每次访问都刷新页面，这样设定，访问者将无法脱机浏览 -->
6. 设置cookie
<meta http-equiv="Set-Cookie" Content="cookievalue=xxx;expires=Wednesday">
7. 强制页面以独立页面显示，防止别人在iframe中调用
<meta http-equiv="Window-target" Content="_top">
<!-- 这个属性是用来防止别人在框架里调用你的页面。 content选项：_blank  _top _self _parent -->
8. 设置网站的限制级别
<meta http-equiv=”Pics-label” Contect=“>
<!-- 在IE的internet选项中有一项内容设置，防止浏览受限制的网站，网站的限制级别就是通过这个参数来设置的 -->
9. 页面载入和退出时的一些特效
<meta http-equiv=”Page-Enter” Content=”blendTrans(Duration=0.5)”>
<meta http-equiv=”Page-Exit” Content=”blendTrans(Duration=0.5)”>
<!-- 注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果: -->
<meta http-equiv=”Page-Enter” Content=”revealTrans(duration=x, transition=y)”>
<meta http-equiv=”Page-Exit” Content=”revealTrans(duration=x, transition=y)”><!-- Duration表示滤镜特效的持续时间(单位：秒) -->
<!-- Transition滤镜类型。表示使用哪种特效，取值为0-23。-->
<!-- 0 矩形缩小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 下到上刷新 5 上到下刷新 6 左到右刷新 7 右到左刷新 8 竖百叶窗 9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗 12 点扩散 13 左右到中间刷新  -->
<!-- 14 中间到左右刷新 15 中间到上下 16 上下到中间 17 右下到左上 18 右上到左下 19 左上到右下 20 左下到右上 21 横条 22 竖条 23 以上22种随机选择一种 -->
10. 设置xp主题
<meta http-equiv=”MSThemeCompatible” Content=”Yes”>
11. 设置ie6页面生成器
<meta http-equiv=”IE6″ Content=”Generator”>
<!-- 页面生成器generator，是ie6 -->
<!-- 类似于设置商品出厂厂商 -->
12. 设置页面中脚本的类型
<meta http-equiv="Content-Script-Type" Content="text/javascript">
13. 应对浏览器不同渲染不同的兼容问题
<!-- 每个电脑内置的IE版本是不一样的，版本低导致出现渲染页面时出现问题 -->
<!-- Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式渲染文档，显示内容 -->  
<meta http-equiv="X-UA-Compatible" content="IE=edge">

相关文章：

html学习之路：简述html文档头部 ＜meta＞ 的 http-equiv 属性

&#x1f9cb;当输入网址打开网页时&#xff0c;设置html头部meta的http-equiv属性&#xff0c;可以帮助浏览器更加精确和正常却的显示网页内容&#xff0c;比如设置网页多久自动刷新&#xff0c;设置网页在浏览器缓存中的时限&#xff0c;设置多少事件跳转到指定的网页地址&am…...

编程日记 2024/1/12 20:10:21

逆矩阵计算

目录 一、逆矩阵的定义 核心&#xff1a;AB BA E 1&#xff09;定义 2&#xff09;注意 3&#xff09;逆矩阵存在的条件|A| ! 0 二、核心公式&#xff1a; 三、求逆矩阵&#xff08;核心考点&#xff09; 1、伴随矩阵法 2、初等变换法&#xff08;重点掌握&#xff…...

编程日记 2024/1/12 20:08:18

《豫鄂烽火燎原大小焕岭》：一部穿越时空的历史史诗

《豫鄂烽火燎原大小焕岭》&#xff1a;一部穿越时空的历史史诗 一部赓续红色血脉的生动教材 一部讴歌时代英雄和人民精神宝典 当历史的烽烟渐渐远去&#xff0c;留下的是一页页泛黄的记忆和无数英雄的壮丽诗篇。李传铭的力作《豫鄂烽火燎原大小焕岭》正是这样一部深情的回望&am…...

编程日记 2024/1/12 20:07:17

浅研究下 DHCP 和 chrony

服务程序&#xff1a; 1.如果有默认配置&#xff0c;请先备份&#xff0c;再进行修改 2.修改完配置文件&#xff0c;请重启服务或重新加载配置文件&#xff0c;否则不生效 有些软件&#xff0c;安装包的名字和系统里服务程序的名字不一样&#xff08;安装包名字&#xff1a;…...

编程日记 2024/1/12 20:05:16

【算法】动态中位数（对顶堆）

题目 依次读入一个整数序列&#xff0c;每当已经读入的整数个数为奇数时&#xff0c;输出已读入的整数构成的序列的中位数。 输入格式 第一行输入一个整数 P&#xff0c;代表后面数据集的个数&#xff0c;接下来若干行输入各个数据集。 每个数据集的第一行首先输入一个代表…...

编程日记 2024/1/12 20:03:14

mysql服务多实例运行

1、官网下载mysql安装包 https://downloads.mysql.com/archives/community/ 2、解压安装包 tar -zxvf mysql-8.1.0-linux-glibc2.28-aarch64.tar.xz -C /usr/localmv /usr/local/mysql-8.1.0-linux-glibc2.28-aarch64 /usr/local/mysql 3、创建mysql用户组 groupadd…...

编程日记 2024/1/12 19:58:09

「HDLBits题解」Module fadd

本专栏的目的是分享可以通过HDLBits仿真的Verilog代码 以提供参考 各位可同时参考我的代码和官方题解代码 或许会有所收益 题目链接&#xff1a;Module fadd - HDLBits module top_module (input [31:0] a,input [31:0] b,output [31:0] sum );//wire [15:0] t1, t2 ; wire co…...

编程日记 2024/1/12 19:57:09

微软等开源评估ChatGPT、Phi、Llma等，统一测试平台

微软亚洲研究院、中国科学院自动化研究所、中国科学技术大学和卡内基梅隆大学联合开源了&#xff0c;用于评估、分析大语言模型的统一测试平台——PromptBench。 Prompt Bench支持目前主流的开源、闭源大语言模型&#xff0c;例如&#xff0c;ChatGPT、GPT-4、Phi、Llma1/2、G…...

编程日记 2024/1/12 19:56:08

DDNS-GO配置使用教程

环境&#xff1a;openwrt 下载地址&#xff1a;Releases jeessy2/ddns-go GitHub 下载 ssh至openwrt根目录&#xff0c;根据你的处理器选择要下载的版本&#xff0c;我是路由器&#xff0c;选择的是 ddns-go_5.7.1_linux_arm64.tar.gz wget github链接 安装 tar -zxvf…...

编程日记 2024/1/12 19:55:07

flex弹性盒子常用的布局属性详解

想必大家在开发中经常会用到flex布局。而且还会经常用到 justify-content 属性实现分栏等等 接下来给大家分别讲一下 justify-content 的属性值。 以下是我敲的效果图大家可以清晰看出区别 space-between 属性值可以就是说两端对齐 space-evenly 属性值是每个盒子之间的…...

编程日记 2024/1/12 19:54:06

2023年Gartner® DevOps平台魔力象限发布，Atlassian被评为“领导者”

Atlassian在2023年Gartner魔力象限的DevOps平台评选中&#xff0c;被评为领导者。 Gartner根据执行能力和愿景的完整性&#xff0c;对全球14家DevOps平台提供商进行了评估&#xff0c;并发布2023年Gartner魔力象限。其中&#xff0c;Atlassian被评为领导者。 Atlassian提供了一…...

编程日记 2024/1/12 19:53:05

kylin集群使用nginx反向代理

前文已经提到&#xff0c;我安装了kylin集群。 kylin3集群问题和思考&#xff08;单机转集群&#xff09;-CSDN博客文章浏览阅读151次&#xff0c;点赞3次&#xff0c;收藏6次。由于是同一个集群的&#xff0c;元数据没有变化&#xff0c;所以&#xff0c;直接将原本的kylin使用…...

编程日记 2024/1/12 19:51:03

小红书搜索团队提出全新框架：验证负样本对大模型蒸馏的价值

大语言模型&#xff08;LLMs&#xff09;在各种推理任务上表现优异&#xff0c;但其黑盒属性和庞大参数量阻碍了它在实践中的广泛应用。特别是在处理复杂的数学问题时&#xff0c;LLMs 有时会产生错误的推理链。传统研究方法仅从正样本中迁移知识&#xff0c;而忽略了那些带有错…...

编程日记 2024/1/12 19:50:02

汽车销售领域相关专业术语

引言 本文是笔者在从事汽车销售领域信息化建设过程，积累的一些专业术语注解，供诸位参考交流。 专业术语清单 4S店   汽车销售服务4S店；是由经销商投资建设，按照汽车生产厂家规定的标准建造，是一种集整车销售（Sale）、零配件（Sparepart）、售后服务（Service）、信息…...

编程日记 2024/1/12 19:48:01

代币合约 ERC20 Token接口

代币合约 在以太坊上发布代币就要遵守以太坊的规则&#xff0c;那么以太坊有什么规则呢?以太坊的精髓就是利用代码规定如何运作&#xff0c;由于在以太坊上发布智能合约是不能修改和删除的&#xff0c;所以智能合约一旦发布&#xff0c;就意味着永久有效&#xff0c;不可篡改…...

编程日记 2024/1/12 19:43:56

判断回文字符串—C语言

题目要求 输入一个字符串&#xff0c;判断该字符串是否为回文。回文就是字符串中心对称&#xff0c;从左向右读和从右向左读的内容是一样的。 输入格式&#xff1a; 输入在一行中给出一个不超过80个字符长度的、以回车结束的非空字符串。 输出格式&#xff1a; 输出在第1行中…...

编程日记 2024/1/12 19:42:55

如何在Docker本地搭建流程图绘制神器draw.io并实现公网远程访问

推荐 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到网站 前言 提到流程图&#xff0c;大家第一时间可能会想到Visio&#xff0c;不可否认&#xff0c;VIsio确实是功能强大&#xff0c;但是软…...

编程日记 2024/1/12 19:39:53

Web前端篇——el-timeline+el-scrollbar时间轴数据刷新后自动显示滚动条

背景&#xff1a;使用el-timelineel-scrollbar显示时间轴&#xff0c;当时间轴数据刷新时&#xff0c;el-scrollbar滚动条会自动隐藏。 当给el-scrollbar设置了永久显示滚动条&#xff08;如下代码&#xff09;&#xff0c;以为可以一劳永逸&#xff0c;发现问题仍然存在。 .…...

编程日记 2024/1/12 19:38:52

Flutter 监听前台和后台切换的状态

一 前后台的切换状态监听 混入 WidgetsBindingObserver 这个类&#xff0c;这里提供提供了程序状态的一些监听 二 添加监听和销毁监听 overridevoid initState() {super.initState();//2.页面初始化的时候&#xff0c;添加一个状态的监听者WidgetsBinding.instance.addObserver…...

编程日记 2024/1/12 19:35:49

图解Kubernetes的服务（Service）

pod 准备&#xff1a; 不要直接使用和管理Pods&#xff1a; 当使用ReplicaSet水平扩展scale时&#xff0c;Pods可能被terminated当使用Deployment时&#xff0c;去更新Docker Image Version&#xff0c;旧Pods会被terminated&#xff0c;然后创建新Pods 0 啥是服务&#xf…...

编程日记 2024/1/12 19:31:46

UE5 学习系列（二）用户操作界面及介绍

这篇博客是 UE5 学习系列博客的第二篇&#xff0c;在第一篇的基础上展开这篇内容。博客参考的 B 站视频资料和第一篇的链接如下&#xff1a; 【Note】&#xff1a;如果你已经完成安装等操作&#xff0c;可以只执行第一篇博客中 2. 新建一个空白游戏项目 章节操作&#xff0c;重…...

编程新知 2025/12/15 0:55:08

【Oracle APEX开发小技巧12】

有如下需求&#xff1a; 有一个问题反馈页面&#xff0c;要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据&#xff0c;方便管理员及时处理反馈。 我的方法&#xff1a;直接将逻辑写在SQL中&#xff0c;这样可以直接在页面展示 完整代码&#xff1a; SELECTSF.FE…...

编程新知 2025/12/9 5:17:54

【Linux】C语言执行shell指令

在C语言中执行Shell指令 在C语言中&#xff0c;有几种方法可以执行Shell指令&#xff1a; 1. 使用system()函数 这是最简单的方法&#xff0c;包含在stdlib.h头文件中&#xff1a; #include <stdlib.h>int main() {system("ls -l"); // 执行ls -l命令retu…...

编程新知 2025/11/20 18:42:48

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹&#xff0c;并新增内容 3.创建package文件夹...

编程新知 2025/12/8 12:11:59

Spring Boot+Neo4j知识图谱实战：3步搭建智能关系网络！

一、引言 在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...

编程新知 2025/9/17 21:39:04

听写流程自动化实践，轻量级教育辅助

随着智能教育工具的发展&#xff0c;越来越多的传统学习方式正在被数字化、自动化所优化。听写作为语文、英语等学科中重要的基础训练形式&#xff0c;也迎来了更高效的解决方案。 这是一款轻量但功能强大的听写辅助工具。它是基于本地词库与可选在线语音引擎构建&#xff0c;…...

编程新知 2025/12/10 2:13:51

LangChain知识库管理后端接口：数据库操作详解—— 构建本地知识库系统的基础《二》

这段 Python 代码是一个完整的 知识库数据库操作模块&#xff0c;用于对本地知识库系统中的知识库进行增删改查&#xff08;CRUD&#xff09;操作。它基于 SQLAlchemy ORM 框架 和一个自定义的装饰器 with_session 实现数据库会话管理。 &#x1f4d8; 一、整体功能概述 该模块…...

编程新知 2025/11/26 18:23:29

免费PDF转图片工具

免费PDF转图片工具 一款简单易用的PDF转图片工具&#xff0c;可以将PDF文件快速转换为高质量PNG图片。无需安装复杂的软件&#xff0c;也不需要在线上传文件&#xff0c;保护您的隐私。 工具截图 主要特点 &#x1f680; 快速转换&#xff1a;本地转换&#xff0c;无需等待上…...

编程新知 2025/12/11 6:16:50

【JavaSE】多线程基础学习笔记

多线程基础 -线程相关概念 程序&#xff08;Program&#xff09; 是为完成特定任务、用某种语言编写的一组指令的集合简单的说:就是我们写的代码 进程 进程是指运行中的程序&#xff0c;比如我们使用QQ&#xff0c;就启动了一个进程&#xff0c;操作系统就会为该进程分配内存…...

编程新知 2025/9/12 0:57:34

接口自动化测试：HttpRunner基础

相关文档 HttpRunner V3.x中文文档 HttpRunner 用户指南 使用HttpRunner 3.x实现接口自动化测试 HttpRunner介绍 HttpRunner 是一个开源的 API 测试工具&#xff0c;支持 HTTP(S)/HTTP2/WebSocket/RPC 等网络协议&#xff0c;涵盖接口测试、性能测试、数字体验监测等测试类型…...

编程新知 2025/11/30 2:35:09