您现在的位置是:网站首页> 编程资料编程资料
HTML常用meta大全(推荐)移动端专用的meta标签设置大全HTML中的<meta>标签的使用详解html中meta标签及用法详解HTML标签meta总结,HTML5 head meta 属性整理dreamweaver cs5不写写代码怎么添加meta标签?HTML5各种头部meta标签的功能(推荐)HTML中meta标签及Keywords
2021-08-29
2109人已围观
简介 这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。
Meta : 即 元数据(Metadata)是数据的数据信息。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
用我们的大白话来说,它本身是一个没什么用的标签,但是一旦在它内部通过其他属性设置了某些效果,它就起作用了,所以我们称之为“ 元数据 ”。
低版本IE浏览器访问问题
添加好强制Webkit内核的代码,使用国产浏览器访问网站已经不存在IE兼容问题了,IE访客量将大大减少。但仍然不可避免会有一些老旧电脑通过低版本IE浏览器访问,如果我们专门为了这极小部分用户进行 CSS HACK ,将严重加重我们的工作量。
更何况自2016年1月起微软已经停止为IE11以下版本提供支持和更新,已经这么久没有更新,低版本IE不仅对CSS3和HTML5支持有问题,更有安全问题。
那么,我们不去支持低版本IE,这小部分用户怎么办呢?
我们可以使用 if IE 语句给网站添加IE升级提示,提示用户进行浏览器升级,或者切换更先进的浏览器再访问。
我们可以在刚刚的meta标签下添加一段跳转到IE升级提示页的代码(当IE版本低于IE11时跳转),实现低版本IE用户访问时提示他们进行升级或者更换浏览器。
强制Webkit内核和提示低版本IE访问用户升级完整代码如下所示,把这段代码添加到头部模板文件
标签下即可:(@cc_on 是 IE10 及更旧版IE特有的条件编译语句,因此可以用来判断是否除 IE11 以外的其他IE版本。)
因为低版本IE访问时因为不兼容CSS3和HTML5网站往往是错版的,添加了上面这段代码,当低版本IE用户访问时就会跳转到升级提示页,避免不必要的资源加载,降低网站服务器开销。
测试代码
Document Hello world
IE 11 会正常输出

IE 10 将会看到以下页面

参考
通过meta代码强制浏览器使用WebKit内核极速模式(解决 meta name="renderer" content="webkit" 不起作用)- [艾欢欢]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
相关内容
- DIV的失去焦点(blur)实现方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- html form表单input使用disabled后提交不能获取表单值的解决方法XHTML入门学习教程:表单标签
- Html页面支持暗黑模式的实现纯CSS免费让网站拥有暗黑模式切换功能的实现代码CSS变量实现暗黑模式的示例代码详解Html5项目适配系统深色模式方案总结
- HTMl页面中返回顶部的几种实现小结纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 详解前端在html页面之间传递参数的方法HTML页面跳转及参数传递问题html页面跳转传递参数问题html5 postMessage解决跨域、跨窗口消息传递方案纯html页面如何提交、传递参数、以及对身份进行验证
- HTML清除浮动的其中两种方式html浮动提示框功能的实现代码html/css中float浮动的用法实例详解html+css 清除浮动的相关技巧心得Html+CSS浮动的广告条实现分解
- html浮动提示框功能的实现代码html/css中float浮动的用法实例详解html+css 清除浮动的相关技巧心得Html+CSS浮动的广告条实现分解HTML清除浮动的其中两种方式
- n个容器元素实现无限滚动的实现代码纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 使用html2canvas对有百度地图的Dom元素处理成图片的解决移动端Html5中百度地图的点击事件Html5如何唤起百度地图App的方法HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码HTML5地理定位与第三方工具百度地图的应用html5定位获取当前位置并在百度地图上显示html5定位并在百度地图上显示的示例
- html 仿百度百科导航下拉菜单功能HTML+CSS实现下拉菜单的实现纯CSS+HTML大型下拉菜单特效HTML+CSS实现简单下拉菜单效果纯html+css制作三级下拉菜单基于HTML5代码实现折叠菜单附源码下载html 可输入下拉菜单的实现方法
