本节书摘来异步社区《移动网页设计与开发 HTML5+CSS3+JavaScript》一书中的第2章,作者:【英】Peter Gasston,更多章节内容可以访问云栖社区“异步社区”公众号查看。
第 2 章 结构和语义
移动网页设计与开发 HTML5+CSS3+JavaScript还记得那个关于在沙子上建房子的人的寓言吗?或是用秸杆和棍子做房子的小猪?他们都是失败者。他们失败的原因在于没有认识到结构的重要性。
想创建出色的网站,不但需要良好的结构,而且需要在用HTML开始的网站上进行。用什么方式给网页加标记将影响到网页是否具有坚实的结构,这不仅对眼下的结构有影响,对将来也一样。在任何应用环境下,无论是创建一个极具交互式的网络应用程序,还是一个混合的移动应用程序,又或是一个宣传册式的单页网站;建立健全的结构是工作的重点。坚实的结构不但能使网页的编写和维护更方便、更容易;而且能使浏览器和其他用户代理了解你的网页。此外,结构严谨的DOM可以提升性能,使语法分析对浏览器来说变得更容易,并且,它需要的内存也较少。
除了结构简单之外,还需要语义丰厚。为网页内容赋予额外的意思可以产生立竿见影的效果:查寻引擎可以更容易理解并获取数据。虽然更长远的好处还有待发现,但很可能某一天我们就知道了。
HTML5和相关的技术使一切变得简单。使用HTML5现有的良好实现方法,创建出的网页不仅结构坚实、语义丰富,而且执行力强、数据丰富。
相关资源:移动互联网之路:HTML5 CSS3 jQuery Mobile APP与移动网站设计从入门到精通.李晓斌(带详细书签).pdf