1.主体结构
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>The HTML5 Herald</title> <meta name="description" content="The HTML5 Herald"> <meat name="author" content="ZiXuanfeng"> <link rel="styesheet" href="css/style.css?v=1.0"> <!--[if It IE 9]> <script src="www.baidu.com/my.js"></script> <!--endif--> </head> <body> <script src="js/script.js"></sctipt> </body> </html> |
2.布局结构
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<body> <header> <nav></nav> </header> <div id="main"> <div id="primary"> <article></article> ... </div> <div id="secondary"> <article></article> ... </div> <div id="tertiary"> <aside> <article></article> ... </aside> <article></article> </div><!--#mian--> <footer> <section id="authors"> <section></section> </section> <section id="copyright"></section> </footer> <script src="js/javascript"></script> </body> |
附:效果图
厉害!强~~~~没的说了!
[…] 文章一:http://imsole.net/html5/ele.html 文章二:http://www.xuanfengge.com/html5-structure.html […]