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

<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

必需的属性

属性 描述
content some_text 定义与 http-equiv 或 name 属性相关的元信息

可选的属性

属性 描述
http-equiv
  • content-type
  • expires
  • refresh
  • set-cookie
把 content 属性关联到 HTTP 头部。
name
  • author
  • description
  • keywords
  • generator
  • revised
  • others
把 content 属性关联到一个名称。
scheme some_text 定义用于翻译 content 属性值的格式。

name 属性

name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。

http-equiv 属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

这样发送到浏览器的头部就应该包含:

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

当然,只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。

content 属性

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。

content 属性始终要和 name 属性或 http-equiv 属性一起使用。

scheme 属性

scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

转载于:https://www.cnblogs.com/super86/p/4087451.html

HTML——meta标签相关推荐

  1. SEO优化之meta标签

    2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...

  2. 【建站系列教程】7、SEO优化之meta标签【最后一篇】

    [建站系列教程]7.SEO优化之meta标签[进阶] 写在前面:大家好,我是热爱编程的小泽. [建站系列教程]是我的亲身建站经历写给广大建站同胞们的教学博客. 喜欢的话点个赞吧~ 评论区欢迎交流讨论~ ...

  3. jekyll 博客对搜索引擎的SEO提升方法--head中的meta标签和Jekyll SEO Tag

    我用GitHub Pages搭建了jekyll的博客后,想要提升自己博客的SEO,尤其是对搜索引擎:百度.谷歌. head中的meta标签 说道提升SEO,必然要提到HTML中的head标签中的met ...

  4. HTML meta标签总结

    HTML meta标签总结,HTML5 head meta属性整理-前端开发博客 http://caibaojian.com/mobile-meta.html 转载于:https://www.cnbl ...

  5. html5 meta标签属性整理

    html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...

  6. 移动平台的meta标签-----神奇的功效

    对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究 ...

  7. 给html5标签设置手机号码格式化,meta标签name=format-detection属性写法及用法

    meta标签中name="format-detection"属性作用是在手机端浏览html网页时,用于识别电话号码.电子邮箱和地图位置的格式! 用法格式: 将代码添加到网页的 和之 ...

  8. Asp.net 后台添加CSS、JS、Meta标签

    下面是从Asp.net 后台添加CSS.JS.Meta标签的写法,我们这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.U ...

  9. 你的网站添加X-UA-Compatible meta标签了吗?

    细心的朋友会发现下面的html代码中多了一个<细心的朋友会发现下面的html代码中多了一个<meta http-equiv="X-UA-Compatible" cont ...

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

    转载自: https://segmentfault.com/a/1190000004279791 之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="U ...

最新文章

  1. PHP笔记-自定义MVC框架
  2. 理解Linux下的SELinux(MAC)
  3. Serial Old收集器和Parallel Old收集器
  4. 项目以任务还是以功能为中心?
  5. git 删除tag_Git常用命令
  6. 520晚上,我用python破解了前女友的加密文件,结果却发现。。。
  7. Android跟踪进度条,android快递跟踪进度条
  8. 【总结】Unity游戏优化
  9. u盘安装linux6.5教程,u盘安装CentOS6.5
  10. 这几个5.20表白代码发给你女神,还没有女朋友直接来找我!
  11. 中文作为参数传递乱码
  12. Echarts实现图表下钻
  13. Hbuilder mui 相册拍照图片上传
  14. senseTime,FaceU人脸识别技术
  15. 创建软RAID5阵列
  16. html里的图片和文字并排显示
  17. Java.SE01.多线程_案例01
  18. andro studio关于Intel HAXM is required to run this AVD
  19. 浅谈 Java 并发下的乐观锁
  20. python-docx 修改word中文字和图片段落的行距

热门文章

  1. 设计模式杂谈(一)——设计模式概述
  2. 机器学习的练功心法(一)——机器学习概述
  3. 开源GIS解决方案,暨GeoServer+OpenLayer结合开发总结
  4. 【机器视觉学习笔记】OpenCV C++ 与 HSV颜色模型
  5. MSP432P401R TI Drivers 库函数学习笔记(三)认识任务的创建及图形化配置
  6. Javascript this关键字 指向详解
  7. gvim同时处理中日韩文
  8. 接触VC之四:COM组件模型基础
  9. [react] 怎样使用Hooks获取服务端数据?
  10. React开发(240):dva概念5reducer