最佳的 HTML5 页面 DOM 结构
2012-11-20 12:02
405 查看
[代码][HTML]代码
viewsource
01 | <!DOCTYPE HTML> |
02 |
03 | < html > |
04 |
05 | < head > |
06 | < meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" /> |
07 | < title >Website Title</ title > |
08 | </ head > |
09 |
10 | < body > |
11 |
12 | < header > |
13 | < nav > |
14 | < ul > |
15 | < li >Home</ li > |
16 | < li >Contact</ li > |
17 | </ ul > |
18 | </ nav > |
19 | </ header > |
20 |
21 | < section > |
22 |
23 | < article > |
24 | < header > |
25 | < h2 >Title h2 > |
26 | < p >Posted time datetime = "2012-07-28T13:00:24+01:00" >July time > a href = "#" >Author</ a > a href = "#comments" >12 comments</ a ></ p > |
27 | </ header > |
28 | < p >Lorem p > |
29 | </ article > |
30 |
31 | < article > |
32 | < header > |
33 | < h2 >Article title</ h2 > |
34 | < p >Posted time datetime = "2012-07-26T13:00:24+01:00" >July time > a href = "#" >Author</ a > a href = "#comments" >9 comments</ a ></ p > |
35 | </ header > |
36 | < p >Lorem p > |
37 | </ article > |
38 |
39 | </ section > |
40 |
41 | < aside > |
42 | < h2 >Contact Us</ h2 > |
43 | < p >It p > |
44 | </ aside > |
45 |
46 | < footer > |
47 | < p >Copyright p > |
48 | </ footer > |
49 |
50 | </ body > |
51 |
52 | </ html > |
相关文章推荐
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 最佳的 HTML5 页面 DOM 结构
- 初学HTML5---页面结构
- html5标签 页面结构和表单
- JS构建页面的DOM节点结构(二)
- HTML5 - 页面结构相关的新语义元素汇总
- 学习 HTML5-页面结构(1)
- 一个简单的html5页面在线速成工具!(当然本文主要说下他的成果的结构)
- Web前端开发最佳实践(13):前端页面卡顿?可能是DOM操作惹的祸,你需要优化代码
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。(参考慕课网)
- HTML5 语义元素(一)页面结构
- HTML5新结构标签和移动端页面布局
- JS构建页面的DOM节点结构的实现代码
- [举重若轻]html5 history api实现单页面结构
- html5页面结构
- HTML5页面结构模板