思洋互动网站建设学前班

制作标准的HTML页面时，头部和导航一般都是标配，如下所示：

1. <div class="header"> 
2.   <div class="navigation"> 
3.     <ul class="nav-list"> 
4.       <li><a href="#" title="Home">Home</a></li> 
5.       <li><a href="#" title="About">About</a></li> 
6.     </ul> 
7.   </div> <!—end of navigation --> 
8. </div> <!—end of header --> 

广州网站建设

1. <header> 
2.   <nav> 
3.       <ul id="nav-list"> 
4.         <li><a href="#" title="Home">Home</a></li> 
5.         <li><a href="#" title="About">About</a></li> 
6.       </ul> 
7.    </nav> 
8. </header> 

怎么样？对于表示每个结构化元素的毫无个性的<div>标签（虽然为应用样式加了class名），HTML5为我们提供了一些有语义的元素。页面中的一些通用结构体如头部和导航（后面还会看到更多）有了独立的标签。使用<nav>标签会使我们的代码变得更有语义，如同告诉浏览器，"嘿，这块内容就是导航"。这对我们来说是件好事，但更重要的是对搜索引擎来也是件好事。搜素引擎能比以前更好地理解我们的网页，并相应地评定网页内容。

在编写HTML页面时，我经常提醒自己，这些页面在最终发布到互联网上之前，将按流程交给负责后台开发的同事（你懂的，就是那些使用PHP、Ruby、.NET、ColdFusion等等语言的帅哥们）。为了和后台开发人员保持良好的协作关系，我通常都会给代码中的</div>结束标签添加注释，以确保其他人（也包括我自己）能够轻松地确定<div>元素在哪里结束。HTML5可以让我们省去大部分这样的工作。查看HTML5代码时，假如看到一个</header>结束标签，你会立即明白哪个标签结束了，不用注释。                                           广州网站设计

以上我们只窥见了HTML5语义增强的一斑。先别激动，我们还要认识一位朋友。如果没有它，就没有网页设计的新时代，它就是CSS3。