對陣Flash 實戰HTML 5技巧之頁面設計

標籤：http   使用   io   art   ar   cti   div   代碼   

給大家介紹了一個符合HTML5標準的網頁的設計過程，在本篇文章中，我們緊接上一篇的內容，繼續踏上HTML5之旅。
　　文章的評論地區
　　在文章後的讀者評論地區中，我們使用的是sections標籤，如下：
<section id="comments">
<h1> 3 Comments
<article class="comment">
<div class="comment-meta" id="comment-1">
<a href="" rel="external nofollow">Homer Simps on
<img src="" class="avatar"
/>
<time datetime="" pubdate>

<div class="comment-body">
<p>


<article class="comment">
<article class="comment">
<article class="comment">



　　在id為comments的section地區內，存放的是讀者的所有評論，每一條評論都被設定放在內，在標籤內，再使用div及相關樣式進行了設定修飾。
　　頁面的footer div部分
　　在評論地區後，是廣告地區，這裡我們設計一個大的div層，如：


　　其代碼結構如下：
<div id="footer">
<aside class="sub-footer">
<h1>
<p>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">


<aside class="sub-footer">
<h1>
<p>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">


<aside class="advertising">
<h1>
<a href=""><img src=""
/>




　　可以看到，這裡我們再次使用了標籤，因為這些不是頁面的主要內容，在三個aside標籤地區中，分別設定了相關的

 

詳細說明：http://html5.662p.com/thread-52-1-1.html