web前端基础教程:常用标签meta的总结

本文详细介绍了网页中meta标签的重要性和应用,包括让浏览器默认显示版本、禁止使用本地缓存、定时跳转到指定网页、搜索引擎相关设置、移动开发优化等。通过实例讲解,帮助前端开发者更全面地理解并利用meta标签的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在网页中,我们会在HTML代码中都会看到meta标签,可是有些前端初学者或者web前端工程师 对这些简单、基础知识掌握的都很容易忽视它们的重要性,今天就给大家讲讲关于meta标签的总结。(博主经验尚浅,有许多理解不到位的地方或者说错的地方欢迎批评指正)

1.让浏览器默认以什么版本来显示:

content里的IE=edge表示让浏览器默认以edge内核去处理页面,而后面的chrome=1则是在用户安装了GCF之后可以在IE浏览器里以chrome内核来处理,如果换成其它内核只需要改变IE=后面的值即可。(IE9没有此选项,兼容IE8+

2.360使用极速模式打开:

3.禁止使用本地缓存:

4.定时让网页跳转到指定网页上:

之前做跳转经常用的是location,但是发现很多手机浏览器不支持或者根本不支持JS,后来发现这个标签感觉还是挺实用的。

其中content后的第一个参数为多少S之后跳转,第二个参数为跳转地址,不加第二个参数为本页面刷新。

那如果想第一条设置一个时间跳到自定义协议头地址,如果无效第二条间隔一会跳到另一个无限制访问的地址可以么?答案是否定的。(兼容IE7+

5.搜索引擎相关:

告诉搜索引擎这个网页的关键字

告诉搜索引擎网站的主要内容

6.移动开发:

使当前viewport的宽度等于设备的宽度,同时不允许缩放

禁止识别成emile或者phone号码

当然还有一些特定浏览器全屏显示,设置网页到期时间,设置cookie,但是我觉得不是很常用就不在此文章里了,还有其它有用的欢迎补充。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值