西红柿爱番茄

Feed Rss

本博客奔向HTML5了

05.10.2011, (X)HTML, by .

鉴于目前规划部署项目的静态文件管理和制定页面开发规范,整理出了一个符合项目特点的HTML5规范页面,使用了更有语义化的HTML5标签。趁热打铁,遂将本博客也更新到了HTML5,使得博客的信息内容架构使用更有语义化的标签来展示。比如下图就是博客首页的HTML DOM结构图:

在设计这个结构的时候,在文章列表的标签中停顿斟酌了良久,外层使用了section作为整个内容区域,以区分header和footer,那么里面就是article和aside了,但是文章的列表是一篇篇的文章,从语义话来说,应该用article,而不是使用一系列的div标签,所以果断用了article,外层再使用一个section表示区域。

这次更新中,使用到了section,article,aside,figure,nav,time,hgroup,header,footer等标签,这些标签语义化都比较强,一看即明。

或许在标签的应用上有欠妥的地方,这也算是一种尝试吧,至少,页面布局还是完好的。:)

本博客奔向HTML5了 有 3 条回应

  1. 本人坐上HTML5的沙发了

  2. HTML5最近好火~~

  3. 哥来了,踩一下

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>