HTML5之美【语义之美】

                 从HTML4诞生以来，整个互联网环境、硬件环境都发生了翻天覆地的变化，开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一剑，HTML5作为下一代Web标准，它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTML5和CSS3的发展和完善，Web应用程序正在逐渐的表现出桌面应用的性能和功能，和桌面应用之间的区别将越来越模糊。未来不能用HTML5来实现的功能将越来越少，未来绘图、视频编辑、3D建模等也将从单机软件转到浏览器上通过Web应用程序来实现。
   
                 语义化很美，在合适的地方使用合适的标签，把人和机器一视同仁。书写语义化的页面就像建造符合工业标准的建筑，阅读语义化的页面像阅读一本你熟识的优美著作。
                 HTML5的语义化标签包括：
                   <section> - 代表文档中的一段或者一节；
                   <nav> - 用于构建导航；
                   <article> - 表示文档、页面、应用程序或网站中一体化的内容；
                   <aside> - 代表与页面内容相关、有别于主要内容的部分；
                   <hgroup> - 代表段或者节的标题；
                   <header> - 页面的页眉；
                   <footer> - 页面的页脚；
                   <time> - 表示日期和时间；
                   <mark> - 文档中需要突出的文字。
                    和采用css+div进行页面布局的方式相比，这些新标签明确的表现了页面元素的结构和含义。下面的代码展示了这样的一个示例：

                  相当简单和清晰，我可以不添加任何注释，人和机器都明白它所要构建的结构和内容。

                  

    　            目前主要浏览器的新版本都支持HTML5语义化标签（下图从左到右依次为IE、Chrome、Firefox、Opera、Safari、QQ浏览器5）。