鉴于目前规划部署项目的静态文件管理和制定页面开发规范,整理出了一个符合项目特点的HTML5规范页面,使用了更有语义化的HTML5标签。趁热打铁,遂将本博客也更新到了HTML5,使得博客的信息内容架构使用更有语义化的标签来展示。比如下图就是博客首页的HTML DOM结构图:
在设计这个结构的时候,在文章列表的标签中停顿斟酌了良久,外层使用了section作为整个内容区域,以区分header和footer,那么里面就是article和aside了,但是文章的列表是一篇篇的文章,从语义话来说,应该用article,而不是使用一系列的div标签,所以果断用了article,外层再使用一个section表示区域。
这次更新中,使用到了section,article,aside,figure,nav,time,hgroup,header,footer等标签,这些标签语义化都比较强,一看即明。
或许在标签的应用上有欠妥的地方,这也算是一种尝试吧,至少,页面布局还是完好的。:)
本人坐上HTML5的沙发了
HTML5最近好火~~
哥来了,踩一下