由于placeholder是h5新特性之一，目前还有兼容性问题，所以这样写以兼容各浏览器。针对不同浏览器或不同版本的浏览器会有不同的写法，会添加相应的前缀。
创新互联长期为1000多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为昆山企业提供专业的网站制作、做网站，昆山网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
右上角用IE打开，在IE窗口页面里面右键编码，如果之前选择的是(UTF-8)则就切换到(GB2312)，如果不是就选择(UTF-8)。然后刷新IE页面，如果显示正常这时候再右键选择自动，刷新页面，回到edge页面，刷新就好了。
打开浏览器之后我们点击about：flags后，回车。然后在开发者中点击“使用Microsoft兼容性列表”的勾选，同时请注意提示，需要重启EDGE浏览器才会生效。再次开启刚才的网站，就会再有兼容性提示。
首先，我们来看一下兼容性提示是怎么样的。大家可以看到，页面提示我们是否继续。一般情况下，继续就行了。然后，如何去掉这个提示呢。首先，在浏览器地址栏中输入“about：flags注意不包括双引号。然后，按下Enter键。
大家可以看出两者是非常相近的，因为edge兼容绝大部分Chrome的功能。
这时就会打开edge浏览器的设置页面，在页面中看到“使用Microsoft兼容性列表”的设置项。我们勾选该设置项前面的复选框即可。这时就会在edge浏览器页面中看到需要重新启动浏览器后使设置生效的提示信息。
一：理解Dom模型 首先我们看下面的代码。 有名的公司一栏百度 新浪 阿里用这个代码我们很容易的画出dom树。
引言各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用css。
层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程。举一个简单的例子：上图中有两个样式来源，第一个是引用的csscss，第二个是自己在style中编写的样式。
非IE html脚本中平常的注释方法，条件注释法只有IE10以下的IE浏览器可以识别，对于别的浏览器那么就只能看见的是一对封闭的不起作用的注释。对于非IE 的注释，注意里面有一个是起到封闭注释的作用。
数量众多，可谓百家争鸣，对用户来说有了很多的可选择型，不过这可就苦了Web前端开发人员了。
CSS hack的目的就是使你的CSS代码兼容不同的浏览器。我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
怎么写CSS Hack？示例1，比如要区别IE6和firefox两种浏览器，可以这样写： div{ background：green； /* for firefox */ background：red； /* for IE6 */ } 在IE6中看到是红色的，在firefox中看到是绿色的。
在我们制作页面时CSS hack由于不同的浏览器，比如Internet Explorer，Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
针对不同的浏览器写不同的CSS code的过程，就是CSS hack。
类内部Hack：比如 IE6能识别下划线_和星号 * ，IE7能识别星号 * ，但不能识别下划线_，而firefox两个都不能认识。
css hack方式二：类内属性前缀法属性前缀是在CSS样式属性名上加上一些只有特定浏览器才能识别的hack前缀，已达到预期的页面展现效果。
HACK就是针对不同的浏览器写不同的HTML、CSS样式，从而使各种浏览器达到一致的渲染效果。下面我们就分别了解一下HTML的hack和CSS的hack。
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。