最佳的 HTML5 页面 DOM 结构
2012-11-23 11:23
288 查看
<!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 结构
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。(参考慕课网)
- HTML5 语义元素(一)页面结构
- JS构建页面的DOM节点结构的实现代码
- [举重若轻]html5 history api实现单页面结构
- html5页面结构
- HTML5页面结构模板
- HTML5新结构标签和移动端页面布局
- Html5(2)新增的结构元素 及 新增页面元素
- JS构建页面的DOM节点结构
- HTML5 移动Web App阅读器-4(页面基本结构开发)
- Javascript动态加载Html元素到页面Dom文档结构时执行顺序的不同
- JS构建页面的DOM节点结构(二)
- 初学HTML5---页面结构
- html5标签 页面结构和表单