meta是元标签,定义元数据,告诉浏览器配置。一般用于做一些页面说明,比如编码,关键字,页面尺寸,修改日期。

meta 元素定义的元数据的类型包括以下几种:

(来源MDN:<meta>:文档级元数据元素 - HTML(超文本标记语言) | MDN)

  • 如果设置了 name 属性,meta 元素提供的是文档级别(document-level)的元数据,应用于整个页面。
  • 如果设置了 http-equiv 属性,meta 元素则是编译指令,提供的信息与类似命名的 HTTP 头部相同。
  • 如果设置了 charset 属性,meta 元素是一个字符集声明,告诉文档使用哪种字符编码。
  • 如果设置了 itemprop 属性,meta 元素提供用户定义的元数据。

(1)name和content属性,可以看作键值对。

name是对谁定义,content为定义的内容

<meta name="viewport" content="width=S, initial-scale=1.0" />

viewport为视口,宽为设备宽,初始比例

(2)

<meta charset="UTF-8" />编码为“UTF-8”

(3)http-equiv属性

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

html通过http-equiv ,可以对http协议的一些约定属性做设置。

在HTML中, meta标签的http-equiv属性只有2个重要作用:

1.定义网页所使用的编码;
<meta http-equiv=" Content-Type" content= "text/htm1 ;charset=utf-8" />
2.定义网页自动刷新跳转。
<meta http-equiv="refresh" content="6;ur1=http: //www.baidu.com" />

meta标签是什么,通常包含哪些内容?相关推荐

  1. SEO优化之Title 和 Meta 标签

    对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能.SEO 思想指导下的技术支持,主要是 ...

  2. 前端搜索引擎优化SEO优化之Title 和 Meta 标签

    前端搜索引擎优化SEO优化之Title 和 Meta 标签 对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来 ...

  3. html5的a能不能放div,从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型...

    我们知年有这只制明个手近天点里要它出水机近天点道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css ...

  4. 将字符串中的html标签编译,将字符串中的HTML标签包含的内容移除

    public static string DeleteHTML(string Htmlstring)//将字符串中的HTML标签包含的内容移除 { #region //删除js脚本 Htmlstrin ...

  5. 化妆品标签包含哪些内容

    任何商品都有标签,化妆品是女性必备的物品,有一定的保质期,如果使用过期的化妆品,可能会对脸造成伤害.除了保质期,还有一些重要的东西,也需要通过化妆品标签标注. 化妆品标签包含哪些内容 国产化妆品标签: ...

  6. 修改html中meta标签,利用JS或JQuery修改网页title和meta标签的content内容

    这篇文章主要为大家详细介绍了利用JS或JQuery修改网页title和meta标签的content内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页的ti ...

  7. html5 meta标签属性整理

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

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

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

  9. Nutch 使用metadata plugin捕获页面中的meta标签数据

    Nutch 使用metadata plugin捕获页面中的meta标签数据 添加index-metadata和parse-metatags 要使用Nutch的插件,就需要在conf/nutch-sit ...

  10. 前端三部曲之Html -- 1(html的基本结构和常见的meta标签的作用)

    一个H5页面的基本结构是什么 我么在编辑器中输入html:5可以得到 <!DOCTYPE html> <!-- 声明文档类型 --> <html lang="e ...

最新文章

  1. PCE:南农张瑞福组揭示微生物肥料菌种芽孢杆菌应对植物免疫防卫实现根际定殖的新策略...
  2. 在linux中安装mysql时遇到的问题
  3. Gym - 102361A Angle Beats(几何)
  4. ubuntu16.04下下载baiduyun大文件
  5. 解决Windows环境下Git Bash 不能输入中文的问题
  6. 特殊表情存数据库处理
  7. JAVA类定义,成员类,抽象类及接口类
  8. Mr.J--JS事件监听(捕获冒泡)
  9. Tab Control控件的详细使用
  10. 怎样写 Linux LCD 驱动程序
  11. 拍视频到底用手机还是相机好?
  12. vb.net 生成随机数
  13. MYSQL 的配置文件
  14. Android 10 及api29之后,解决全透明导航栏不成功
  15. 为什么所有APP都想访问你的通讯录?
  16. 解决别人在收到我们发送的*.md文档时,图片无法显示的问题。
  17. 使用uEdit时,在线管理图片功能不可用
  18. day6邮件自动发送
  19. [docker]privileged参数
  20. 按回车Enter键后自动隐藏软键盘、进页面自动弹出软键盘

热门文章

  1. 数据聚合技术Aggregation
  2. java泛型返回值 <T>T 和T的区别
  3. 运维简历怎么写项目描述_应届生没有工作经验该怎么写简历?
  4. 【光学】基于matlab相互垂直的光波叠加仿真【含Matlab源码 2071期】
  5. 红茶的功效与作用,喝红茶的好处和坏处,红茶的种类有哪些
  6. NFT头像屡拍天价,如何从理性角度分析其市场价值?
  7. 影片剪辑实例名的几点注意
  8. 记录每天学习的新知识: Android 前台服务
  9. DreamweaverCS6破解安装
  10. 变化检测综述:Change Detection Based on Artificial Intelligence: State-of-the-Art and Challenges