什么是meta标签?meta标签总结

meta标签定义
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
以上是w3c上的解释。元信息,是用来描述数据的数据,也就是用来描述当前页面的一些信息。例如:定义页面的说明,关键字、作者等等。

包含的属性
1.name属性
name 属性提供了名称/值对中的名称(而后面要说的content属性则是该名称对应的值)。假如我们把页面想象成一个我们生活中的实物的话,拿个人简历来作类比,诸如姓名、性别、籍贯、技能、项目经验等等这些都可以看做是个人简历的name属性,content属性相当于这些名称对应的值。

  1.  

登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
2.content属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
3.http-equiv属性
equiv是equivalent的简写,是相等的,等价物的意思。不难理解,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。(http不了解的同学,可以找找相关的资料了解一下)。

  1.  

登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
常用的名称/值对
1.keywords(关键字)
说明:用于告诉搜索引擎,你网页的关键字。举例:

  1.  

登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制2.description(网站内容的描述)
说明:用于告诉搜索引擎,你网站的主要内容。举例:

  1.  

登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
3.author(作者)
说明:用于标注网页作者举例:

  1.  

登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
4.renderer(双核浏览器渲染方式)
说明:renderer是为双核浏览器准备的,用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例:

  1.  //默认webkit内核 //默认IE兼容模式 //默认IE标准模式

登录后复制
5.viewport(移动端的窗口)
说明:viewport视为移动终端设计的属性

  1.  

登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制

width                 – viewport的宽度

height                – viewport的高度

initial-scale        – 初始的缩放比例

minimum-scale  – 允许用户缩放到的最小比例

maximum-scale – 允许用户缩放到的最大比例

user-scalable     – 用户是否可以手动缩放

6.content-Type(设定网页字符集)
说明:用于设定网页字符集,便于浏览器解析与渲染页面举例:

  1.   //旧的HTML,不推荐 //HTML5设定网页字符集的方式,推荐使用UTF-8

登录后复制
7.X-UA-Compatible(浏览器采取何种版本渲染当前页面)
说明:用于告知浏览器以何种版本来渲染页面。(一般都设置为最新模式,在各大框架中这个设置也很常见。)举例:

  1.  //指定IE和Chrome使用最新版本渲染当前页面

登录后复制
8.refresh(自动刷新并指向某页面)
说明:网页将在设定的时间内,自动刷新并调向设定的网址。举例:

  1.  //5秒后重定向到w3c官网

登录后复制
额额额,一个一个的太累了,下面是一大坨meta标签:

  1.                                                                                                                                                                                                                                                                                                                                                                                   

登录后复制

以上就是什么是meta标签?meta标签总结 的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    css多行省略号兼容性写法

    2025-3-9 5:37:29

    编程技术

    html的lang属性学习笔记

    2025-3-9 5:37:39

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索