1、HTML5的设计目的是为了在移动设备上支持多媒体新的语法特征被引进以支持这一点，如videoaudio和canvas 标记HTML5还引进了新的功能，可以真正改变用户与文档的交互方式 CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块；一 css工具1 emmet Emmet Documentation a 可以以插件的形式安装在dreamweaver，notepad++，editplus，sublime各个编辑器上Zen Coding 一种快速编写HTMLCSS代码的方法 zen coding更名为emmet，新加更多特性 zen coding更新；ltbody lthtml 现在可以看出来了吧，对，就是documentcreateElement ，HTML5 shiv 是一个js插件，将所有HTML5的标签进行了重新生成，你需要加载该插件，那么HTML5程序就能被所有浏览器识别了；table将ul设置成displaytablecell即可5第三种方法就是使用displayinlineflex，css代码如图所示6这种方法的html是套用一个p即可如图所示7然后将下图中的css代码写入CSS文件中即可。

2、href=quotsmallScreencssquot 如果屏幕宽度在400像素到600像素之间，则加载smallScreencss文件除了用html标签加载CSS文件，还可以在现有CSS文件中加载import urlquottinyScreencssquot screen and maxdevicewidth 400px；mode，从而统治IE采用其所支持的最新的模式字符编码通过声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式这样做可以避免在HTML中使用字符实体标记，从而全部与文档编码一致引入css和JavaScript文件根据HTML5规范；使用CSS框架CSS框架是一组可重复使用的CSS代码，可帮助开发人员更轻松地创建网站布局和样式常见的CSS框架包括Bootstrap和Foundation2JavaScript兼容性问题 JavaScript是一种用于网站交互和动态效果的编程语言但是，不同的；因为ie低版本不知道nav是什么，所以会忽略掉css中少用html5里的tag做selector一般给新tag给displayblock就好了这里给ltdiv class=quotnav“设置css试试就在nav前面加个点nav backgroundurlimages；该脚本已经托管在Google Project Hosting上，你可以直接外链这个脚本复制代码 代码如下lt！if lt IE 9 ltscript src=quothtml5html5jsquotltscript lt ！endif 另外，这段；跨浏览器兼容是个永恒的话题，其实只要坚持用CSS的规范书写CSS的代码，就不会产生什么不兼容的问题 hack针对的是像IE6等那些老版本的浏览器它们都将会淘汰而且现在每个浏览器更新的版本中对CSS的解释器都是根据CSS规范；我看了一下你的代码，没发现问题看你发的图片，问题应该是出现在你的CSS代码没有被解析，而是当成文本给显示出来了我照着你的代码做了一个，完全可以正常显示我有点怀疑问题出现在浏览器上我把我这能正常显示的；各浏览器css兼容写法各浏览器css兼容写法如何解决placeholder的兼容性placeholder在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性下面介绍placeholder兼容性的处理 在页面添加如下脚本 $。

3、ltlink rel=quotstylesheetquot type=quottextcssquot href=quotcssiecssquot lt！endif 禁用响应式布局ltlink href=quotcssnonresponsivecssquot rel=quotstylesheetquot media=quotscreenquot html里的css代码ltstyle type=quottext；HTML5的新增结构标签包括ltheaderltfooter等，在IE8浏览器当中，需要借助JavaScript以及CSS来实现兼容具体代码如下CSS代码 ltstyle article， aside， canvas， details， figcaption， figure， footer， header， hgroup， menu。

4、1可以通过个人pc固定的浏览器，这些浏览器都有自身的内核，可以强制性的使用就不存在兼容性问题这种办法一般可以用在办公室的场景但是在巨大的浏览器市场里面，想要约束或者强制网民使用某一款浏览器是做不到的，这样子。