老鬼的博客 来都来啦,那就随便看看吧~
html之meta标签
发布于: 2020-08-10 更新于: 2020-08-10 分类于: Html 阅读次数: 

一:介绍

1
2
meta主要是用户设置网页中的一些元数据,元数据不是给用户看的,
是给浏览器或者搜索引擎用的。写在head标签里面。

二:属性

  • charset
1
指定网页的字符集,<meta charset="UTF-8">
  • name & content
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
name:指定的数据的名称
content:指定的数据的内容
<meta name="keywords" content="html5,前端,css3">
keywords表示网站的关键字,可以同时指定过个关键字,关键字的使用用,隔开。如淘宝网:
<meta name="keyword" content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,
交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖
信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />

description:用于指定网站的描述,网站的描述会显示在搜索引擎的搜索结果中。
如淘宝网:
<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台,提供各类服饰、
美容、家居、数码、话费/点卡充值… 数亿优质商品,同时提供担保交易(先收货后付款)等
安全交易保障服务,并由商家提供退货承诺、破损补寄等消费者保障服务,让你安心享受网
上购物乐趣!" />

title标签的内容会作为搜索引擎搜索的结果中的超链接的文本显示内容。
  • http-equiv
1
2
3
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.baidu.com">
这里意思是3s后将跳转到https://www.baidu.com
*************感谢您的阅读*************