热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

【BootStrap】metahttpequiv=XUACompatiblecontent=IE=edge/的说明

转载请注明出处:http:blog.csdn.netqq_26525215本文源自【大学之旅_谙忆的博客】首先,这语句我是在BootStrap4中文文档

转载请注明出处:http://blog.csdn.net/qq_26525215

本文源自【大学之旅_谙忆的博客】


首先,这语句我是在BootStrap4中文文档上看到的。

这个网址号称是国内最先翻译BootStrap4的中文文档。
该网址是:http://wiki.jikexueyuan.com/project/bootstrap4/getting-started/introduction/
然而,我想说的是,这源码其实都是BootStrap3的。
英文的BootStrap4的模板是下面这个:
英文网址:https://v4-alpha.getbootstrap.com/getting-started/introduction/


<html lang&#61;"en"><head><meta charset&#61;"utf-8"><meta name&#61;"viewport" content&#61;"width&#61;device-width, initial-scale&#61;1, shrink-to-fit&#61;no"><link rel&#61;"stylesheet" href&#61;"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity&#61;"sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin&#61;"anonymous">head><body><h1>Hello, world!h1><script src&#61;"https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity&#61;"sha384-A7FZj7v&#43;d/sdmMqp/nOQwliLvUsJfDHW&#43;k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin&#61;"anonymous">script><script src&#61;"https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity&#61;"sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin&#61;"anonymous">script><script src&#61;"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity&#61;"sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk&#43;02D9phzyeVkE&#43;jo0ieGizqPLForn" crossorigin&#61;"anonymous">script>body>
html>

我英文不好&#xff0c;所以我一般都是看到中文的文档&#xff0c;但我发现这个问题后&#xff0c;我才知道我国的有些翻译人员很不负责任。真的、
至于我是为什么发现这个问题的&#xff0c;还是得从

<meta http-equiv&#61;"X-UA-Compatible" content&#61;"IE&#61;edge" />

此句说起。

一开始写的时候&#xff0c;我并没有写这句&#xff0c;后来看BootStrap4的中文文档时&#xff0c;发现了这一句&#xff0c;我就谷歌了一下&#xff0c;发现如下的内容:

X-UA-Compatible是针对ie8新加的一个设置&#xff0c;对于ie8之外的浏览器是不识别的&#xff0c;
这个区别与content&#61;"IE&#61;7"在无论页面是否包含指令&#xff0c;
都像是使用了 Windows Internet Explorer 7的标准模式。
而content&#61;"IE&#61;EmulateIE7"模式遵循指令。
对于多数网站来说&#xff0c;它是首选的兼容性模式。

<meta http-equiv&#61;"X-UA-Compatible" content&#61;"edge" />Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容&#xff0c;这实际上破坏了“锁定”模式。

当然&#xff0c;看完后差不多明白了&#xff0c;就是使用IE时&#xff0c;如果版本不够&#xff0c;会使用最新的内核解析器&#xff0c;也就是使用你安装的浏览器的最新的内核解析器&#xff01;

然后又在http://stackoverflow.com 网站上找到了类似的问题&#xff1a;

What does <meta http-equiv&#61;“X-UA-Compatible” content&#61;“IE&#61;edge”> do?

网址是&#xff1a;http://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do

在这里&#xff0c;我才知道&#xff0c;此句其实对于BootStrap4来说是代码冗余了的。
因为BootStrap4已经不再支持IE9&#xff01;
我也只看了个一点点懂&#xff0c;英文好的请自行去上面的网站查看&#xff01;

但是我想&#xff0c;BootStrap才设计人员不可能会犯如此低级的错误啊&#xff01;代码冗余&#xff01;
然后我就去查找英文版的BootStrap4&#xff0c;结果&#xff0c;果然模板并不是中文档翻译的那样。。。。

在这里&#xff0c;也给同我一样英文不太好的朋友一个建议。
如果在看中文文档发现什么问题时&#xff0c;记得去看看英语原文。可能会有不一样的收获。如果看不懂&#xff0c;可以借助翻译工具。虽然翻译工具翻译的可能不太通顺&#xff0c;但是让自己理解&#xff0c;我相信还是可以的&#xff01;只是速度没看中文档那么快&#xff01;

另外&#xff0c;我也想对国内翻译技术文档的人说声&#xff0c;我很感谢国内有这么一些翻译团队在努力&#xff0c;真的很感谢。让我这种不怎么懂英文的人也能很好的自学。

希望大家都能少一些疏忽与遗漏。

也快过年了&#xff0c;祝大家新的一年中学习进步&#xff0c;工资涨涨涨


本文章由[谙忆]编写&#xff0c; 所有权利保留。
欢迎转载&#xff0c;分享是进步的源泉。


转载请注明出处&#xff1a;http://blog.csdn.net/qq_26525215

本文源自【大学之旅_谙忆的博客】



推荐阅读
  • Django框架进阶教程:掌握Ajax请求的基础知识与应用技巧
    本教程深入探讨了Django框架中Ajax请求的核心概念与实用技巧,帮助开发者掌握异步数据交互的方法,提升Web应用的响应速度和用户体验。通过实例解析,详细介绍了如何在Django项目中高效实现Ajax请求,涵盖从基础配置到复杂场景的应用。 ... [详细]
  • 在2020年8月19日的深度分析中,我们探讨了HTML标签中同时存在`a`标签的`href`和`onclick`属性时的触发顺序问题。此外,还讨论了如何在一个自适应高度的父级`div`中,使两个子`div`中的一个固定高度为300px,另一个自动填充剩余空间的方法。最后,文章详细介绍了JavaScript异步加载的多种实现方式,包括但不限于`async`、`defer`属性以及动态脚本插入技术,为开发者提供了丰富的技术参考。 ... [详细]
  • 深入解析Tomcat:开发者的实用指南
    深入解析Tomcat:开发者的实用指南 ... [详细]
  • 【前端开发】深入探讨 RequireJS 与性能优化策略
    随着前端技术的迅速发展,RequireJS虽然不再像以往那样吸引关注,但其在模块化加载方面的优势仍然值得深入探讨。本文将详细介绍RequireJS的基本概念及其作为模块加载工具的核心功能,并重点分析其性能优化策略,帮助开发者更好地理解和应用这一工具,提升前端项目的加载速度和整体性能。 ... [详细]
  • 本文详细探讨了代码中 `position` 属性的使用方法及其常见问题,并提出了多种有效的解决方案。通过实例分析,文章不仅解释了 `position` 属性的不同值(如 `static`、`relative`、`absolute` 和 `fixed`)在不同场景下的应用,还讨论了其对布局和定位的影响。此外,文章还提供了一些实用的调试技巧和最佳实践,帮助开发者更好地理解和应用这一重要 CSS 属性。 ... [详细]
  • 为了优化直播应用底部聊天框的弹出机制,确保在不同设备上的布局稳定性和兼容性,特别是在配备虚拟按键的设备上,我们对用户交互流程进行了调整。首次打开应用时,需先点击首个输入框以准确获取键盘高度,避免直接点击第二个输入框导致的整体布局挤压问题。此优化通过调整 `activity_main.xml` 布局文件实现,确保了更好的用户体验和界面适配。 ... [详细]
  • 探索JavaScript倒计时功能的三种高效实现方法及代码示例 ... [详细]
  • APKAnalyzer(1):命令行操作体验与功能解析
    在对apkChecker进行深入研究后,自然而然地关注到了Android Studio中的APK分析功能。将APK文件导入IDE中,系统会自动解析并展示其中各类文件的详细信息。官方文档提供了详细的命令行工具使用指南,帮助开发者快速上手。本文以一个RecyclerView的Adapter代理开源库为例,探讨了如何利用这些工具进行高效的APK分析。 ... [详细]
  • $apply() 方法允许从 AngularJS 框架外部触发表达式的执行,确保其在 AngularJS 的上下文中运行。例如,当你使用 `setTimeout()` 或者集成第三方库时,可以通过调用 `$apply()` 来确保事件更新能够被 AngularJS 检测到并触发脏检查机制,从而实现数据的双向绑定。这一过程不仅保证了数据的一致性,还提升了应用的响应速度和用户体验。 ... [详细]
  • Node.js 教程第五讲:深入解析 EventEmitter(事件监听与发射机制)
    本文将深入探讨 Node.js 中的 EventEmitter 模块,详细介绍其在事件监听与发射机制中的应用。内容涵盖事件驱动的基本概念、如何在 Node.js 中注册和触发自定义事件,以及 EventEmitter 的核心 API 和使用方法。通过本教程,读者将能够全面理解并熟练运用 EventEmitter 进行高效的事件处理。 ... [详细]
  • 本文深入探讨了ASP.NET中ViewState、Cookie和Session三种状态管理技术的区别与应用场景。ViewState主要用于保存页面控件的状态信息,确保在多次往返服务器过程中数据的一致性;Cookie则存储在客户端,适用于保存少量用户偏好设置等非敏感信息;而Session则在服务器端存储数据,适合处理需要跨页面保持的数据。文章详细分析了这三种技术的工作原理及其优缺点,并提供了实际应用中的最佳实践建议。 ... [详细]
  • 本文详细解析了JSONP(JSON with Padding)的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术,其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景,还深入探讨了其具体实现过程,包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外,还分析了JSONP的优势和局限性,帮助读者全面理解这一技术在现代Web开发中的应用。 ... [详细]
  • 使用CardView实现圆角和圆形效果:边角与半径的精准控制 ... [详细]
  • Spring Security 认证模块的项目构建与初始化
    本文详细介绍了如何构建和初始化Spring Security认证模块的项目。首先,通过创建一个分布式Maven聚合工程,该工程包含四个模块,分别为core、browser(用于演示)、app等,以构成完整的SeehopeSecurity项目。在项目构建过程中,还涉及日志生成机制,确保能够输出关键信息,便于调试和监控。 ... [详细]
  • 探讨 `org.openide.windows.TopComponent.componentOpened()` 方法的应用及其代码实例分析 ... [详细]
author-avatar
静雨2502874293
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有