技术开发 频道

对阵Flash 实战HTML 5技巧之页面布局

  这里之所以用header标签,是将文章的标题,前言(或者导语)摘录出来,注意这里使用了html5的关于时间的标签,以及,address元素用来在文档中呈现联系信息,包括文档作者或文档维护者的名字、他们网站链接、电子信箱、真是地址、电话号码等。address元素不仅用来呈现联系邮件或详细地址,还应该用来展示跟文档相关联系人的所有联系信息。

  而每段文章中,使用的是标签,它是用来定义文章的段或者节,每个段落我们大致的格式如下:

<section>
    
<h2></h2>
    
<p></p>
    
<section>
        
<h3></h3>
        
<p></p>
    
</section>
    
<section>
        
<h3></h3>
        
<p></p>
    
</section>
    
<p></p>
</section>

  可以看到,section标签是可以嵌套的,并且要注意每一层中的标题字体<h2>,<h3>的正确嵌套使用。

  在正文完结后,我们发现有一组的<footer>标签,如下:

<footer class="meta">
    
<p>This post is archived…</p>
    
<section>
        
<h1>About Steven Bradley</h1>
        
<p>……….</p>
    
</section>
</footer>

  这里实际上是一个关于对本文的一个附带的说明,比如说明作者的情况和文章的情况。再次提示,footer标签在页面中可以多次使用。下篇我们会讲文章评论区域部分。

0
相关文章