Html中的meta标签

举报
搞前端的半夏 发表于 2021/10/24 20:50:29 2021/10/24
【摘要】 是什么<meta> 元素表示那些不能由其它HTML元相关元素 <base>, <link>, <script>, <style> 或 <title> 之一表示的任何元数据信息。(例如:keyword,author)` 作用SEO优化自动刷新跳转页面定义语言。。。。。。 标签属性namehttp-equivcharsetitemprop当有http-equiv或name属性的时候,一定要有c...

是什么

<meta> 元素表示那些不能由其它HTML元相关元素 <base>, <link>, <script>, <style> 或 <title> 之一表示的任何元数据信息。(例如:keyword,author)`

作用

  • SEO优化
  • 自动刷新
  • 跳转页面
  • 定义语言
  • 。。。。。。

标签属性

  1. name

  2. http-equiv

  3. charset

  4. itemprop

    当有http-equivname属性的时候,一定要有content属性对其进行说明。 http-equiv和name定义是什么。content补充具体内容。

charset

规定 HTML 文档的字符编码:

常用的值:

  • UTF-8 -> Unicode 字符编码
  • ISO-8859-1 ->拉丁字母表的字符编码

name

用于描述网页的,对应的content提供给搜索引擎查找和分类的信息。语法:

<meta name="" content="" />

name=“keywords”

设置网站的关键字:

<meta name="keywords" content="大数据,数据" />

name=“description”

设置网站的描述:

<meta name="description" content="这是一段描述" />

name=“robots”

设置,让搜索引擎知道哪些页面需要索引,哪些页面不需要索引。content 有如下参数:

  • all:文件将被检索,且页面上的链接可以被查询;
  • none:文件将不被检索,且页面上的链接不可以被查询;
  • index:文件将被检索;
  • noindex:文件将不被检索,但页面上的链接可以被查询;
  • follow:页面上的链接可以被查询;
  • nofollow:文件将被检索,但页面上的链接不可以被查询。
<meta name="robots" content="all" />

name=“author”

设置页面的作者:

<meta name="author" content="syl" />

name=“generator”

设置网站采用什么软件制作的:

<meta name="generator" content="dreamviewer" />

name=“copyright”

设置网站的版权信息的:

<meta name="copyright" content="***版权所有" />

name=“revisit-after”

设置网站的重访,30day代表30天:

<meta name="revisit-after" content="30day" />

name=“viewport”

设置浏览器窗口的大小和缩放的

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

http-equiv 属性

http-equiv相当于 HTTP 的文件头的设置。语法:

<meta http-equiv="" content="" />

http-equiv=“expires”

它是来设置网页的过期时间的,到期必须从服务器重新传输

<meta http-equiv="expires" content="2020 05:28:00 GMT+0800 (CST)" />

http-equiv=“Pragma”

它是来设置禁止浏览器从本地缓存中访问页面:

<meta http-equiv="Pragma" content="no-cache" />

http-equiv=“Refresh”

设置自动刷新或者跳转新页面,其中content第一个数字代表 5 秒后自动刷新:

<meta http-equiv="Refresh" content="5;URL=www.baidu.com" />

http-equiv=“Set-Cookie”

设置 Cookie ,如果网页过期,这个网页的cookies的也会被删除:

<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=2020 05:28:00 GMT+0800 (CST) path=/" />

http-equiv=“Window-target”

强制页面在当前窗口以独立页面显示:

<meta http-equiv="Window-target" content="top" />

http-equiv=“content-Type”

设置页面使用的字符集:

<meta http-equiv="content-Type" content="text/html;charset=gb2312" />

http-equiv=“Content-Language”

设置页面的语言的:

<meta http-equiv="Content-Language" content="zh-cn" />

http-equiv=“Cache-Control”

设置页面缓存,:

  • no-cache: 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。
  • no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。(安全措施)
  • public :缓存所有响应,但并非必须。因为max-age也可以做到相同效果
  • private :只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)
  • maxage :表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用 60 秒。
<meta http-equiv="Cache-Control" content="no-cache" />

http-equiv=“Content-Script-Type”

设置页面中脚本的类型:

<meta http-equiv="Content-Script-Type" content="text/javascript" />
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。