关于HTML5语义标签的实践(blog页面)

仿照着用HTML5+CSS3做了一个blog页面。整体效果布局如如:

关于HTML5语义标签的实践(blog页面)_第1张图片

  页面布局是基于html5元素的。所以在开始动手之前先熟悉一下HTML5元素,然后检查它的语义是否适合你的布局很重要。

  The HTML5 Structure

关于HTML5语义标签的实践(blog页面)_第2张图片

有一点很重要,当编写HTML5代码的时候,不要简单地把

标签用html5中的
标签代替。有些时候
元素在语义

上仍然是一个很不错的选择。比如wrapper或者container div

其中一个新的可以用来替换传统的div元素的标签是

元素。在
元素中我们也可以放置用来包裹页面的主要导航菜单

你可能感兴趣的:(关于HTML5语义标签的实践(blog页面))