HTML5学习笔记 - 基本标签的使用 

 1 <!doctype html>
 2 <html lang = "en">
 3 <head>
 4     <meta charset = "utf-8" />
 5     <title>Evolution's website</title>
 6     <link rel = "stylesheet" href = "main.css">
 7 </head>
 8 <body>
 9     <header>
10         <h1>Welcome to Evolution's Home</h1>
11     </header>
12     
13     <nav>
14         <ul>
15             <li>Home</li>
16             <li>Tutorials</li>
17             <li>Products</li>
18         <ul>
19     </nav>
20     
21     <section>
22         <article>
23             <header>
24                 <hgroup>
25                 <h1>Title of Article</h1>
26                 <h2>Subtitle for article !</h2>
27                 </hgroup>
28             </header>
29             <p>This  is a best article eva!</p>
30             <footer>
31                 <p>- written by Evolution.cc</p>
32             </footer>
33         </article>
34         <article>
35             <header>
36                 <hgroup>
37                 <h1>Title of Article</h1>
38                 <h2>Subtitle for article !</h2>
39                 </hgroup>
40             </header>
41             <p>This  is a best article eva!</p>
42             <footer>
43                 <p>- written by Evolution.cc</p>
44             </footer>
45         </article>
46         <article>
47             <header>
48                 <hgroup>
49                 <h1>Title of Article</h1>
50                 <h2>Subtitle for article !</h2>
51                 </hgroup>
52             </header>
53             <p>This  is a best article eva!</p>
54             <footer>
55                 <p>- written by Evolution.cc</p>
56             </footer>
57         </article>
58     </section>
59     
60     <aside>
61         <h4>News</h4>
62         Evolution News  Pad
63     </aside>
64     
65     <footer>
66         Copyright Evolution 2012
67     </footer>
68 </body>
69 </html>

这个是用最最简单的HTML5基本标签写出的网页框架，可以看出有很多地方都有了比较大的改变，在使用的时候确实有了很大的方便性。似乎有这样的感觉，HTML5的代码编写有了一种“块”的感觉，网页每一部分都分成了一种块，这样既使得代码干净利索，代码编写者更是得心应手哦。

<不同的浏览器中显示的效果可能不仅相同，当然至少浏览器是支持HTML5的！>

posted @ 2012-08-04 23:11  Evolution.cc  阅读(157)  评论(0)    收藏  举报