常用的meta标签有哪些

1. 简单概括:
meta 标签 由 name 和 content 属性定义,用来描述网页文档的属性,比如网页的作者,网页描述,关键词等,除了HTTP标准固定了一些 name 作为大家使用的共识,开发者还可以自定义name。

2. 常用的meta标签:
(1) charset ,用来描述HTML文档的编 码类型:

<meta charset="UTF-8" > 

(2) keywords , 页面关键词:

<meta name="keywords" content="关键词"/>

(3) description , 页面描述:

<meta name="description" content="页面描述内容" /> 

(4) refresh , 页面重定向和刷新:

<meta http-equiv="refresh" content="0;url=" />

(5) viewport,适配移动端,可以控制视口的大小和比例:

<meta 
	name="viewport"
	content="width=device-width, //视口宽度与设备一致
	initial-scale=1,   //初始缩放比例为1
	user-scalable=no,  //用户不能放大或缩小网页
	maximum-scale=1,  // 兼容 iOS10 不支持 user-scalable,导致用户仍可缩放
	minimum-scale=1,"
/>

其中, content 参数有以下几种:
width viewport :宽度(数值/device-width)
height viewport :高度(数值/device-height)
initial-scale :初始缩放比例
maximum-scale :最大缩放比例
minimum-scale :最小缩放比例
user-scalable:是否允许用户缩放(yes/no)

(6) 搜索引擎索引方式:

<meta name="robots" content="index,follow" /> 

其中, content 参数有以下几种:
all :文件将被检索,且页面上的链接可以被查询;
none :文件将不被检索,且页面上的链接不可以被查询
index :文件将被检索;
follow:页面上的链接可以被查询;
noindex:文件将不被检索;
nofollow :页面上的链接不可以被查询。

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值