关于meta标签(力求“大全”)

2023-10-29 16:38
文章标签 meta 大全 标签 力求

本文主要是介绍关于meta标签(力求“大全”),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言:

HTML/XHTML/DHTML并不简单,我想就单说一个meta标签都不见得有谁能完全掌握好(也许很多人根本都不会关心它)。

在我刚刚更新了IE到IE9时,发现了一个小现象,就是用IE9打开我做的页面时会出现“Compatibility View”按钮,而访问Google时就没有,这是为什么呢(你会去考虑这个问题吗)?后来多方查找之后才发现了原因,在google的页面源代码里有“<meta http-equiv="X-UA-Compatible" content="IE=edge">”这么一行,就是因为有了它,IE的“兼容性视图”按钮才不显示的。

接下来继续查找meta标签相关的信息,发现,这里面其实还有很多学问呢,所以我想把关于meta标签的知识收集起来以方便参考。

下面便是正文:

复制代码
<!--
    x-ua-compatible(浏览器兼容模式)
    仅对IE8+以效
    告诉浏览器以什么版本的IE的兼容模式来显示网页
    <meta http-equiv="X-UA-Compatible" content="IE=5" >
    <meta http-equiv="X-UA-Compatible" content="IE=7" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    其中最后一行是永远以最新的IE版本模式来显示网页的。
    另外加上Emulate模式
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
    Emulate模式后则更重视<!DOCTYPE>
    (细心的人会注意到,用IE9去访问带有x-ua-compatible的页面时是不会出现兼容视图按钮的)
    
-->
     < meta  http-equiv ="X-UA-Compatible"  content ="IE=EmulateIE8"   />
     <!--
    expires(期限)
    可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅
    必须使用GMT的时间格式
    
-->
     < meta  http-equiv ="expries"  content ="Wed, 26 Feb 2012 08:21:57 GMT"   />
     <!--
    pragma(cach模式)
    禁止浏览器从本地的缓存中调阅页面内容
    设定后访问者将无法脱机浏览
    
-->
     < meta  http-equiv ="pragma"  content ="no-cache"   />
     <!--
    refresh(刷新)
    定时让网页自动链接到指定URL,单位是秒
    
-->
     < meta  http-equiv ="refresh"  content ="5;url=" http://www.baidu.com"  />
     <!--
    set-cookie(cookies设定)
    定义Cookies
    
-->
     < meta  http-equiv ="set-cookie"  content ="cookievalue=xxx;expires=Wed, 26 Feb 2012 08:21:57 GMT;path=/"   />
     <!--
    window-target(显示窗口的设定)
    设置当前窗口页面显示方式
    如果设置成_top就会强制页面在当前窗口以独立页面显示,防止别人在框架里调用页面
    
-->
     < meta  http-equiv ="window-target"  content ="_top"   />
     <!--
    content-type(显示字符集设定)
    设定页面使用的字符集
    
-->
     < meta  http-equiv ="content-type"  content ="text/html;charset=gb2312"   />
     <!--
    content-language(显示语言的设定)
    设置页面的显示语言
    
-->
     < meta  http-equiv ="content-language"  content ="zh-cn"   />
     <!--
    keywords(关键字)
    告诉搜索引擎这个网页的关键字
    
-->
     < meta  name ="keywords"  content ="girl, sexy, hot"   />
     <!--
    description(简介)
    告诉搜索引擎网站的主要内容
    
-->
     < meta  name ="description"  content ="This page is about pretty girls."   />
     <!--
    robots(机器人向导)
    告诉搜索引擎哪些页面需要索引,哪些页面不需要索引
    content的值包括:all, none, index, noindex, follow, nofollow。 默认是all
    
-->
     < meta  name ="robots"  content ="none"   />
     <!--
    author(作者)
    标网页作者
    
-->
     < meta  name ="author"  content ="cqqjj1029@gmail.com"   />
复制代码

我知道目前整理来的信息还是不够会的,比如字符编码和显示语言的值都是什么,再比如有一些进入和离开的动画显示等等,此后我会继续收集整理,也欢迎大家随时来指点指点。

再次强调,HTML/XHTML/DHTML不简单,前端不简单,而且每一个前端设计师都应该有一个信念,要做出兼容任何浏览器的作品来!加油!

这篇关于关于meta标签(力求“大全”)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/301913

相关文章

Oracle数据库常见字段类型大全以及超详细解析

《Oracle数据库常见字段类型大全以及超详细解析》在Oracle数据库中查询特定表的字段个数通常需要使用SQL语句来完成,:本文主要介绍Oracle数据库常见字段类型大全以及超详细解析,文中通过... 目录前言一、字符类型(Character)1、CHAR:定长字符数据类型2、VARCHAR2:变长字符数

MyBatis 动态 SQL 优化之标签的实战与技巧(常见用法)

《MyBatis动态SQL优化之标签的实战与技巧(常见用法)》本文通过详细的示例和实际应用场景,介绍了如何有效利用这些标签来优化MyBatis配置,提升开发效率,确保SQL的高效执行和安全性,感... 目录动态SQL详解一、动态SQL的核心概念1.1 什么是动态SQL?1.2 动态SQL的优点1.3 动态S

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

C++常见容器获取头元素的方法大全

《C++常见容器获取头元素的方法大全》在C++编程中,容器是存储和管理数据集合的重要工具,不同的容器提供了不同的接口来访问和操作其中的元素,获取容器的头元素(即第一个元素)是常见的操作之一,本文将详细... 目录一、std::vector二、std::list三、std::deque四、std::forwa

Linux文件名修改方法大全

《Linux文件名修改方法大全》在Linux系统中,文件名修改是一个常见且重要的操作,文件名修改可以更好地管理文件和文件夹,使其更具可读性和有序性,本文将介绍三种在Linux系统下常用的文件名修改方法... 目录一、引言二、使用mv命令修改文件名三、使用rename命令修改文件名四、mv命令和rename命

Maven pom.xml文件中build,plugin标签的使用小结

《Mavenpom.xml文件中build,plugin标签的使用小结》本文主要介绍了Mavenpom.xml文件中build,plugin标签的使用小结,文中通过示例代码介绍的非常详细,对大家的学... 目录<build> 标签Plugins插件<build> 标签<build> 标签是 pom.XML

HTML5中下拉框<select>标签的属性和样式详解

《HTML5中下拉框<select>标签的属性和样式详解》在HTML5中,下拉框(select标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨select标签的... 在html5中,下拉框(<select>标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中

Kubernetes常用命令大全近期总结

《Kubernetes常用命令大全近期总结》Kubernetes是用于大规模部署和管理这些容器的开源软件-在希腊语中,这个词还有“舵手”或“飞行员”的意思,使用Kubernetes(有时被称为“... 目录前言Kubernetes 的工作原理为什么要使用 Kubernetes?Kubernetes常用命令总

python解析HTML并提取span标签中的文本

《python解析HTML并提取span标签中的文本》在网页开发和数据抓取过程中,我们经常需要从HTML页面中提取信息,尤其是span元素中的文本,span标签是一个行内元素,通常用于包装一小段文本或... 目录一、安装相关依赖二、html 页面结构三、使用 BeautifulSoup javascript

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi