关于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

相关文章

HTML5的input标签的`type`属性值详解和代码示例

《HTML5的input标签的`type`属性值详解和代码示例》HTML5的`input`标签提供了多种`type`属性值,用于创建不同类型的输入控件,满足用户输入的多样化需求,从文本输入、密码输入、... 目录一、引言二、文本类输入类型2.1 text2.2 password2.3 textarea(严格

MySQL基本表查询操作汇总之单表查询+多表操作大全

《MySQL基本表查询操作汇总之单表查询+多表操作大全》本文全面介绍了MySQL单表查询与多表操作的关键技术,包括基本语法、高级查询、表别名使用、多表连接及子查询等,并提供了丰富的实例,感兴趣的朋友跟... 目录一、单表查询整合(一)通用模版展示(二)举例说明(三)注意事项(四)Mapper简单举例简单查询

MySQL 数据库进阶之SQL 数据操作与子查询操作大全

《MySQL数据库进阶之SQL数据操作与子查询操作大全》本文详细介绍了SQL中的子查询、数据添加(INSERT)、数据修改(UPDATE)和数据删除(DELETE、TRUNCATE、DROP)操作... 目录一、子查询:嵌套在查询中的查询1.1 子查询的基本语法1.2 子查询的实战示例二、数据添加:INSE

Python连接Spark的7种方法大全

《Python连接Spark的7种方法大全》ApacheSpark是一个强大的分布式计算框架,广泛用于大规模数据处理,通过PySpark,Python开发者能够无缝接入Spark生态系统,本文给大家介... 目录第一章:python与Spark集成概述PySpark 的核心优势基本集成配置步骤启动一个简单的

Python实现Word文档自动化的操作大全(批量生成、模板填充与内容修改)

《Python实现Word文档自动化的操作大全(批量生成、模板填充与内容修改)》在职场中,Word文档是公认的好伙伴,但你有没有被它折磨过?批量生成合同、制作报告以及发放证书/通知等等,这些重复、低效... 目录重复性文档制作,手动填充模板,效率低下还易错1.python-docx入门:Word文档的“瑞士

Git打标签从本地创建到远端推送的详细流程

《Git打标签从本地创建到远端推送的详细流程》在软件开发中,Git标签(Tag)是为发布版本、标记里程碑量身定制的“快照锚点”,它能永久记录项目历史中的关键节点,然而,仅创建本地标签往往不够,如何将其... 目录一、标签的两种“形态”二、本地创建与查看1. 打附注标http://www.chinasem.cn

Android协程高级用法大全

《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧... 目录1️⃣ 协程作用域(CoroutineScope)与生命周期绑定Activity/Fragment 中手

Python文本相似度计算的方法大全

《Python文本相似度计算的方法大全》文本相似度是指两个文本在内容、结构或语义上的相近程度,通常用0到1之间的数值表示,0表示完全不同,1表示完全相同,本文将深入解析多种文本相似度计算方法,帮助您选... 目录前言什么是文本相似度?1. Levenshtein 距离(编辑距离)核心公式实现示例2. Jac

JavaSE正则表达式用法总结大全

《JavaSE正则表达式用法总结大全》正则表达式就是由一些特定的字符组成,代表的是一个规则,:本文主要介绍JavaSE正则表达式用法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录常用的正则表达式匹配符正则表China编程达式常用的类Pattern类Matcher类PatternSynta

c++中的set容器介绍及操作大全

《c++中的set容器介绍及操作大全》:本文主要介绍c++中的set容器介绍及操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录​​一、核心特性​​️ ​​二、基本操作​​​​1. 初始化与赋值​​​​2. 增删查操作​​​​3. 遍历方