HTML5网络新势力 IE9浏览器全进化

上周五11/18参加“HTML5网络新势力”台北场，趁记忆犹新写了这篇心得。本篇心得写法比较偏向当下听到时脑中冒出的单句式描述，未针对相关纪录进行连贯性文章写法，故看起来可能会有些无法连贯，先说声抱歉。早上的课程介绍了IE9浏览器对于HTML5支持的状况，下午课程偏重基础HTML5程序与jQuery Mobile程序开发介绍。对于尚未接触HTML5程序开发但想要快速了解者，有显著的帮助。 本次主题共分为六个段落，但以下三者略过：

• 开发世界下一步：技术势力报告(开场引言没特别重点)
• 迎向接案捷径：微软合作伙伴计划介绍(果然是微软)
• 软硬体最麻吉：中小企业服务器超值组合(硬体介绍，跟HTML5完全没关系)

以下就另外三个段落进行概括式条列心得分享：

IE9全进化：网站开发实战以及下一代浏览器全揭露

• 无所不在的开发者，2011年全球约有5千万，DotNet约有6.9万
• 无所不在的移动设备，带来了新的机会与市场
• HTML5+Javascript+WebMatrix是个很好的Mobile开发环境；WebMatrix是免费的!!!
• 协理对于VISTA很难用，与IE6/IE7/IE8未支持HTML5与CSS3说声抱歉
• IE9全面支持HTML5，且IE10 Preview部分指数干掉了大部分的浏览器，请参考http://samples.msdn.microsoft.com/ietestcenter/，微软表示已经有决心要挽回浏览器市场
• 微软是W3C的主要标准制定者
• HTML5无机密可言，因为是全部返回Client端；故Javascript应该要设计放在Server端而非Client端
• HTML5支持SVG，在VISIO中可将画好的图另存为SVG；
• HTML5的影音格式，支持MPEG4/H.264，MP3/AAC-HTML5支持Web Font，也就字体是从Server存取，Client端就算没安装也可用；缺点是可能需花点时间下载字体
• IE9不支持XP的原因，在于IE9仅支持DirectX 10，但XP不支持DirectX 10，所以要Vista之后的版本才能使用
• Script Junkie，提供HTML5与Javascript资源的好地方，http://msdn.microsoft.com/en-us/scriptjunkie

拥抱网站潮流：HTML5及网站全面升级的技巧

• HTML5的DOCTYPE变简单了!用语法，全部浏览器都看得懂(含IE6以下)
• HTML5新增的TAG属性大部分都是为了搜索优化，为了方便让浏览器看得懂和找到资讯并分类；如Header，Footer，Article等
• 为何旧版非IE浏览器永远不会有兼容性的问题？因为IE浏览器永远是最新版。虽然是玩笑话，但也凸显出IE的兼容性问题
• 填充物(Polyfills)是个好东西，可解决大部分跨浏览器的问题
• HTML5目前其实还不成熟，也无较佳的开发工具，故目前拿HTML5来开发RIA其实是不适合的；但如果是互动性不太高的网站或Mobile Web，HTML5是很适合的，值得投资
• Mobile上资料表格的设计上，记得要延伸按钮区域，避免未注意到只能按到文字的地方
• 兼容性问题，可通过在网页上放上html5shiv或Modernizr，可解决旧浏览器(IE)不支持HTML5的问题

掌握移动Web关键：网站服务成功转移移动装置及其技巧

• UI介面部分，可使用jQuery Mobie，11/18周五时已推出1.0版；有提供基本转场效果，呈现起来还不错!!!
• HTML5也需要Reset，但讲师建议使用精简版即可，请参考讲师提供的网址，http://snipt.net/doggy/html5-reset-css
• 讲师建议不用要ASP.NET而用ASP.NET MVC，程序代码会较轻量且整合较佳
• 开发环境部分，Visual Studio最新preview版，内置.Net 4+jQuery Mobie，可作为整合开发使用。但因为是preview版在jQuery版本选择上会选择错误，需手动调整
• WebMatrix是个尤物，若无法装VS可考虑装这套免费程序进行开发。且可直接于文件总管目录资料夹按右键直接变成localhost的功能，还满方便的
• ASP.NET MVC 3 Razor是个新的开发方式-PhoneGap用来开发跨平台的Mobile Apps.是个不错的工具

via：大头鼠

标签:IE9HTML5网络浏览器相关