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

🧋当输入网址打开网页时，设置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">

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/613615.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

leetcode-合并两个有序数组

leetcode-合并两个有序数组

88. 合并两个有序数组 题解&#xff1a; 这是一个经典的双指针问题&#xff0c;我们可以使用两个指针分别指向nums1和nums2的最后一个元素&#xff0c;然后比较两个指针所指向的元素大小&#xff0c;将较大的元素放入nums1的末尾&#xff0c;并将对应的指针向前移动一位。重复…
阅读更多...
Redis系列-15.Redis的IO多路复用原理解析

Redis系列-15.Redis的IO多路复用原理解析

&#x1f44f;作者简介&#xff1a;大家好&#xff0c;我是爱吃芝士的土豆倪&#xff0c;24届校招生Java选手&#xff0c;很高兴认识大家&#x1f4d5;系列专栏&#xff1a;Spring源码、JUC源码、Kafka原理、分布式技术原理、数据库技术&#x1f525;如果感觉博主的文章还不错的…
阅读更多...
[DM8] 达梦8配置兼容Oracle

[DM8] 达梦8配置兼容Oracle

查看版本信息 select *&#xff0c;id_code from v$version; 查询解释&#xff1a; DM Database Server 64 V8 1-1-190-21.03.12-136419-ENT 64 版本位数标识&#xff0c;64表示为64位版本&#xff0c;无64则表示为32位版本 V8 大版本号&#xff0c;目前主要是V7、V8 1-1-190…
阅读更多...
智慧医院之定位导航解决方案

智慧医院之定位导航解决方案

移动端LBS应用 通过绘制院方各楼栋各层平面图，利用无线/蓝牙技术可对终端进行实时定位，方便病人、家属等就医，提高就医体验，减少工作人员工作量，减少医患冲突，打造智慧医院。 移动端的LBS位置应用，可分为医院的室内地图展现、室内地图搜索、室内导航、室内定位、室内位…
阅读更多...
【JaveWeb教程】（18） MySQL数据库开发之 MySQL数据库设计-DDL 如何查询、创建、使用、删除数据库数据表 详细代码示例讲解

【JaveWeb教程】（18） MySQL数据库开发之 MySQL数据库设计-DDL 如何查询、创建、使用、删除数据库数据表 详细代码示例讲解

目录 2. 数据库设计-DDL2.1 项目开发流程2.2 数据库操作2.2.1 查询数据库2.2.2 创建数据库2.2.3 使用数据库2.2.4 删除数据库 2.3 图形化工具2.3.1 介绍2.3.2 安装2.3.3 使用2.2.3.1 连接数据库2.2.3.2 操作数据库 2.3 表操作2.3.1 创建2.3.1.1 语法2.3.1.2 约束2.3.1.3 数据类…
阅读更多...
KAFKA高级应用

KAFKA高级应用

kafka高级应用 一些kafka的基础使用以及说明请参考上一篇文章kafka的基础入门。这篇文章主要是写kafka的一些高级特性、存储结构以及原理。 1.kafka副本同步机制 高可用是很多分布式系统中必备的特征之一&#xff0c;Kafka的高可用是通过基于 leader-follower的多副本同步实…
阅读更多...
Qt QComboBox组合框控件

Qt QComboBox组合框控件

文章目录 1 属性和方法1.1 文本1.2 图标1.3 插入和删除1.4 信号和槽 2 实例2.1 布局2.2 代码实现 Qt中的组合框是集按钮和下拉列表体的控件&#xff0c;&#xff0c;它占用的屏幕空间很小&#xff0c;对应的类是QComboBox 1 属性和方法 QComboBox有很多属性&#xff0c;完整的…
阅读更多...
Java编程避坑指南之关键字专题

Java编程避坑指南之关键字专题

1、Java常见关键字 1&#xff09;、48个关键字&#xff1a; abstract、assert、boolean、break、byte、case、catch、char、class、continue、default、do、double、else、enum、extends、final、finally、float、for、if、implements、import、int、interface、instanceof、l…
阅读更多...
C++入门【27-C++ 引用】

C++入门【27-C++ 引用】

引用变量是一个别名&#xff0c;也就是说&#xff0c;它是某个已存在变量的另一个名字。一旦把引用初始化为某个变量&#xff0c;就可以使用该引用名称或变量名称来指向变量。 C 引用 vs 指针 引用很容易与指针混淆&#xff0c;它们之间有三个主要的不同&#xff1a; 不存在…
阅读更多...
编程语言的未来：创新与发展

编程语言的未来：创新与发展

编程语言的未来&#xff1f; 编程语言是计算机软件的基础&#xff0c;它们为程序员提供了一种沟通和指导计算机的方式。随着软件需求的不断增长和技术的进步&#xff0c;编程语言也需要不断演化和创新&#xff0c;以满足不断变化的需求。未来的编程语言将更加强大、灵活、易用…
阅读更多...
航空服务市场分析：预计2024年客运总量将达40亿人次

航空服务市场分析：预计2024年客运总量将达40亿人次

在政策的引导和市场发展下&#xff0c;支线航空发展机遇在于在一些具备需求的区域&#xff0c;持续推进"航空服务大众化"。此前&#xff0c;美国实行"普遍航空服务"计划&#xff0c;我国也需要加快推进"国家基本航空服务计划"政策体系。国民经济…
阅读更多...
springboot第46集：Nginx，Sentinel，计算机硬件的介绍

springboot第46集：Nginx，Sentinel，计算机硬件的介绍

image.png image.png image.png image.png image.png image.png image.png image.png image.png image.png image.png image.png image.png image.png image.png 什么是单点容错率低&#xff1a; 单点容错率低指的是系统中存在某个关键节点&#xff0c;一旦这个节点发生故障或崩…
阅读更多...
IDEA中在Java项目中添加Web模块 与配置tomcat服务器

IDEA中在Java项目中添加Web模块 与配置tomcat服务器

现有项目添加直接走第二步 生成普通新项目 给项目添加框架支持 勾选 Web Application 选项, 点击OK 得到项目目录结构 , 出现web目录结构, 且web目录文件夹出现小蓝点 web或webapp 没有出现小蓝点 说明web配置没有出现或是手动构建的目录结构 , 在IDE关闭或者迁移项目时会出…
阅读更多...
【虚拟仪器Labview】习题T1-详解

【虚拟仪器Labview】习题T1-详解

目录 题目要求思路计时部分详解实现第二个部分&#xff1a;将X*3Y 的的结果 Z与100进行比较。全部完成 题目要求 从前面板输入两个浮点数:X,Y,计算 X*3Y 的的结果 Z&#xff0c;在前面板显示计算结果。并且判断 Z是否小于 100&#xff0c;如果 Z 小于 100&#xff0c;前面板中的…
阅读更多...
Java快速排序希尔排序归并排序

Java快速排序希尔排序归并排序

快速排序算法 快速排序的原理&#xff1a;选择一个关键值作为基准值。比基准值小的都在左边序列&#xff08;一般是无序的&#xff09;&#xff0c;比基准值大的都在右边&#xff08;一般是无序的&#xff09;。一般选择序列的第一个元素。 一次循环&#xff1a;从后往前比较&…
阅读更多...
实现复数计算器

实现复数计算器

复数计算器实现 摘要 本论文描述了一个复数计算器的设计和实现&#xff0c;旨在扩展传统计算器的功能&#xff0c;以支持复数的加法、减法、乘法和除法。通过使用Java编程语言和Swing图形用户界面库&#xff0c;我们创建了一个直观、易于使用的界面&#xff0c;允许用户输入复…
阅读更多...
在qemu虚拟机环境下，使用kgdb调试kernel

在qemu虚拟机环境下，使用kgdb调试kernel

enable kgdb的情况下&#xff0c;使用qemu启动kernel 1&#xff0c;需要先在内核配置中增加kgdb的支持 2&#xff0c;启动qemu虚拟机时&#xff0c;增加参数-s -S&#xff0c;这两个参数会使得kernel在启动之后遇到的第一个指令等待gdb连接 例子&#xff1a; /qemu-project…
阅读更多...
C++入门【28-C++ 把引用作为参数】

C++入门【28-C++ 把引用作为参数】

我们已经讨论了如何使用指针来实现引用调用函数。下面的实例使用了引用来实现引用调用函数。 实例 #include <iostream>using namespace std;// 函数声明void swap(int& x, int& y);int main () {// 局部变量声明int a 100;int b 200;cout << "交…
阅读更多...
[力扣 Hot100]Day2 字母异位词分组

[力扣 Hot100]Day2 字母异位词分组

题目描述 给你一个字符串数组&#xff0c;请你将 字母异位词 组合在一起。可以按任意顺序返回结果列表。 字母异位词 是由重新排列源单词的所有字母得到的一个新单词。 出处 思路 这题有点考阅读理解&#xff0c;意思就是把输入数组中的所含字母相同但顺序不同的单词放到同…
阅读更多...
一、Sharding-JDBC系列01：整合SpringBoot实现分库分表，读写分离

一、Sharding-JDBC系列01：整合SpringBoot实现分库分表，读写分离

目录 一、概述 二、案例演示-水平分表 (1)、创建springboot工程 (2)、创建数据库和数据表 (3)、application.yaml配置分片规则 (4)、测试数据插入、查询操作 4.1、插入-控制台SQL日志 4.2、查询-控制台SQL日志 三、案例演示-水平分库 (1)、创建数据库和数据表 (2…
阅读更多...
最新文章

Copyright @ 2022~2023