美文网首页
一直被忽略的meta标签了解一下

一直被忽略的meta标签了解一下

作者: 一个笑点低的妹纸 | 来源:发表于2019-07-24 19:47 被阅读0次

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable。
所谓元数据,是用于描述数据的数据(信息)。它不会显示在页面上,但是却可以被机器识别。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。

! 生成一个 html 模板,可以看到包含了基本的 meta 属性:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

【示例】截取了百度H5制作的页面 head:

Meta 标签中使用 pragmacache-controlexpires 来控制缓存,这些标签往往不会生效(有些浏览器不支持),并且所有缓存代理服务器都不支持,因为代理不解析HTML内容本身。

甚至在HTML5规范中,http-equiv 中的属性并不包括这三个,如果我们需要进行缓存控制的话,最好还是通过 HTTP headers 来进行设置。

后续,将继续研究 name 属性的重点值 ☛ viewport

➹ 参考

<meta>: The Document-level Metadata element
HTML <meta> Tag
HTML <meta> 标签
关于 HTML 中 meta 标签的理解和总结
那些你不知道的meta标签
H5 项目常见问题汇总及解决方案

相关文章

  • 一直被忽略的meta标签了解一下

    元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 The...

  • HTML meta标签总结与属性使用介绍

    之前学习前端中,对meta标签的了解仅仅只是这一句。 但是打开任意的网站,其head标签内都有一列的meta标签。...

  • 无线web 开发经验(2)—— HTML

    meta标签 meta标签,这些meta标签在开发webapp时起到非常重要的作用 第一个meta标签表示:强制让...

  • head标签内的meta标签

    head标签内的meta标签: meta标签又叫“元信息标签”,是head标签内的一个辅助性标签。meta标签内的...

  • HTML-meta标签详解

    先附上几篇网上查找的关于meta标签的资料、文章,看完这个几篇文章后,会对meta标签有一定的了解!HTML me...

  • 你对 Meta 标签了解多少?

    小伙伴,在我们日常写网页的时候有没有注意过Meta 标签,你对它了解多少呢?Meta标签是HTML语言head区的...

  • 笔试题整理(十一)

    茁壮网络 一、meta标签、command标签 meta标签提供与页面有关的元信息(meta-informatio...

  • HTML meta标签总结与属性使用介绍

    HTML meta标签总结与属性使用介绍 之前学习前端中,对meta标签的了解仅仅只是这一句。 但是打开任意的网站...

  • meta标签大全

    关于meta标签 meta标签相关runoob.com参考博客 HTML DOM Meta对象 Meta 对象代表...

  • meta

    meta标签的常见应用 meta标签 meta标签HTML语言head区域的一个辅助性标签,常用于定义页面的说明,...

网友评论

      本文标题:一直被忽略的meta标签了解一下

      本文链接:https://www.haomeiwen.com/subject/cqugkctx.html