关于html兼容性浅谈

比眉伴天荒 2024-04-01 15:42 91阅读 0赞

![709c29d2a79533dc375c52c1de6f7808.jpeg][]

#### 关于html兼容性 ####

**为什么会出现兼容性问题?**

由于市面上的浏览器种类太多了, 所以对css的解析也是五花八门的,导致显示的效果并不统一,因此也就带来了兼容性问题.就好比如说同一个零件不同的厂家都有自己的一套模板,因此多多少少会有点偏差.

**为什么程序员喜欢用Chrome**

市面上浏览器这么多, 我们不可能做到每一个都要去兼容, 不然一个样式得打出来一堆代码.还不得头疼死, 因此,对于一些用户量一般的浏览器我们大概大概的.

并且根据世界市场权威调查机构NetMarketShare公布的2018年10月各浏览器市场占有率，可以看出Chrome的占有率达到了66.43%. 所以像我这种新手开始学前端用的浏览器也是Google Chrome.

**现在说说浏览器的私有属性**

这个刚开始也是让我很困惑了, 为什么一个样式前面就非要搞特殊加上一些-webkit-, -moz-, -ms-这些奇奇怪怪的东西,好好的写样式它不香吗???

这些其实就是浏览器的私有属性.是不是有点好奇为什么会出现私有属性,把前面去掉的话大家不就更方便了吗?作为程序员的我,多希望所有浏览器统一样式.

这是因为制定HTML和CSS的组织W3C的审批比较慢.打个比方:有W3C组织提出一个新属性,比如说border-radius,各个浏览器都觉得: 咦??!!听起来好像很不错,边框终于不方了,但是W3C制定标准和流程又很慢还很复杂,得等很久. 但是浏览器的竞争有这么激烈,好的当然得先拿过来用用.但是又怕W3C公布的标准有所变更,也是很头疼的一件事, 因此各个浏览器会加下自己的前缀来支持新属性. 等着W3C公布标准后再确立写法.

那么来了解下几个常用的前缀:

\-moz- 代表firefox浏览器私有属性

\-ms- 代表IE浏览器私有属性

\-webkit- 代表chrome,safari私有属性

\-o- 代表opera私有属性

对于私有属性的一些编写要注意的是把标准属性写在最后面,带有私有属性的样式写在前面.

来源：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[709c29d2a79533dc375c52c1de6f7808.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8914bde13da54588a3b7688125bc302a.jpeg
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，91人围观）

还没有评论，来说两句吧...

相关阅读

相关关于HTML页面结构浅谈

正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOC

淡淡的烟草味﹌/ 2024年04月03日 11:39/ 0 赞/ 105 阅读

相关关于html兼容性浅谈

![709c29d2a79533dc375c52c1de6f7808.jpeg][] 关于html兼容性为什么会出现兼容性问题? 由于市面上的浏览器种类太多了, 所

比眉伴天荒/ 2024年04月01日 15:42/ 0 赞/ 92 阅读

相关网页浅谈：关于HTML、CSS与JS

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] 我们经常写 HTML 、 CSS 和 JavaScript

青旅半醒/ 2024年03月29日 15:54/ 0 赞/ 63 阅读

相关浅谈：关于HTML、CSS和JS

![a808ceb5eb59b2497d10f59ce5aabfd1.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

刺骨的言语ヽ痛彻心扉/ 2024年03月25日 22:15/ 0 赞/ 46 阅读

相关浅谈兼容性测试

兼容性测试的概念兼容性测试是一种软件测试，用于确保构建的系统/应用程序/网站与其他各种对象（如其他网络浏览器、硬件平台、用户、操作系统等）的兼容性。这种类型的测试有助于

本是古典何须时尚/ 2023年09月27日 23:04/ 0 赞/ 15 阅读

相关 html 布局兼容性,flex布局兼容性问题小结

一.W3C各个版本的flex 2009 version 标志：display: box; or a property that is box-\{\\} (eg. box-

た入场券/ 2022年10月11日 13:38/ 0 赞/ 360 阅读

相关浅谈HTML

浅谈HTML html：超文本标记语言基本结构： <!DOCTYPE html> <html> <head> <me

野性酷女/ 2022年06月05日 07:29/ 0 赞/ 229 阅读

相关关于浏览器兼容性问题

摘至本人有道云笔记《关于浏览器兼容性问题》今天在写python--web服务器的时候遇到一个浏览器兼容问题写响应头时 a='HTTP/1.1 20

忘是亡心i/ 2022年05月09日 02:34/ 0 赞/ 321 阅读

相关浅谈HTML

> HTML，作为构建网页曲三部曲的第一部，有着很重要的地位（地基）。如果说CSS是肉体，JS是灵魂，那么HTML就是骨骼！没有HTML，CSS和JS就无法实现它们远大理想！

约定不等于承诺〃/ 2022年04月17日 03:55/ 0 赞/ 204 阅读

相关 HTML图片兼容性

开发工具与关键技术：DW 作者：文泽钦撰写时间：2019年1月16日星期三目标：解决图片在浏览加载不了的问题在HTML开发中为了使布局更加美观，一般情况下都会

我会带着你远行/ 2022年03月26日 09:08/ 0 赞/ 286 阅读