HTML基础篇之meta标签

Meta常见参数及其意义

Meta的常用的标签有很多,这次把这些标签归类来看

Meta基础属性和概念

来自W3C的解释如下:

Metadata is data (information) about data. The tag providesmetadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

元数据是关于数据(信息)。 < meta >标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是将机器解析。Meta元素通常用于指定页面描述,关键词,文档的作者,最后修改和其他元数据。 可以使用元数据浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务。

可以理解为meta就是为了浏览器和搜索引擎准备的一些解释和规则。

我们可以分类为name,http-equiv,content这三种标签。

1.meta之Content

content是指描述的内容,是meta标签必须的属性,如果去掉了会怎样呢?,去掉了手机属性的
试下,效果如下:
去掉content的样式

这里写图片描述

没有去掉content的样式

viewport属性去掉了content内容

content是meta必须具备的属性,不能去掉,否则会导致meta标签失效

2.meta之name

常见的name的值:

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">

viewport(移动端的窗口) :用于告诉搜索引擎,你是移动端页面

<meta name="format-detection" content="telephone=no, email=no">

format-detection(格式检测) :用于告诉搜索引擎,不需要检测号码和邮箱,不会触发号码和邮箱点击态

<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式

对于PC双核浏览器指定启动的渲染模式

<meta name="description" content="wenyi"/>  //keywords(关键字):用于告诉搜索引擎,你网页的关键字。
<meta name="keywords" content="wenyi"/> //description(关键字) :用于告诉搜索引擎,你网页的关键字。
<meta name="author" content="wenyi">    //author(作者)                 :作者
<meta name="copyright" content="wenyi"> //copyright(版权)      :版权

3.meta之http-equiv

<meta http-equiv="content-Type" content="text/html;charset=utf-8">  //旧的HTML,不推荐
<meta charset="utf-8"> //HTML5设定网页字符集的方式,推荐使用UTF-8
<meta http-equiv="Cache-Control" content="no-siteapp">//百度爬虫防止被转码

4.不常见的标签

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值