最佳的 HTML5 页面 DOM 结构
2012-08-14 15:59
351 查看
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Website Title</title> </head> <body> <header> <nav> <ul> <li>Home</li> <li>Contact</li> </ul> </nav> </header> <section> <article> <header> <h2>Title Goes here</h2> <p>Posted on <time datetime="2012-07-28T13:00:24+01:00">July 28th 2012</time> by <a href="#">Author</a> - <a href="#comments">12 comments</a></p> </header> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </article> <article> <header> <h2>Article title</h2> <p>Posted on <time datetime="2012-07-26T13:00:24+01:00">July 26th 2012</time> by <a href="#">Author</a> - <a href="#comments">9 comments</a></p> </header> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </article> </section> <aside> <h2>Contact Us</h2> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> </aside> <footer> <p>Copyright 2012 DigiMantra Labs ©</p> </footer> </body> </html>
相关文章推荐
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 学习 HTML5-页面结构(1)
- html5标签 页面结构和表单
- 一个简单的html5页面在线速成工具!(当然本文主要说下他的成果的结构)
- Web前端开发最佳实践(13):前端页面卡顿?可能是DOM操作惹的祸,你需要优化代码
- HTML5 - 页面结构相关的新语义元素汇总
- JS构建页面的DOM节点结构的实现代码
- [举重若轻]html5 history api实现单页面结构
- html5页面结构
- HTML5页面结构模板
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。(参考慕课网)
- HTML5 语义元素(一)页面结构
- JS构建页面的DOM节点结构
- HTML5新结构标签和移动端页面布局
- Html5(2)新增的结构元素 及 新增页面元素