最佳的 HTML5 页面 DOM 结构
2012-11-23 10:40
316 查看
<!DOCTYPE HTML> |
02 |
03 | < html > |
04 |
05 | < head > |
06 | < meta http-equiv = "Content-Type" content = "text/html; /> |
07 | < title >Website 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 a ></ p > |
27 | </ header > |
28 | < p >Lorem p > |
29 | </ article > |
30 |
31 | < article > |
32 | < header > |
33 | < h2 >Article h2 > |
34 | < p >Posted time datetime = "2012-07-26T13:00:24+01:00" >July time > a href = "#" >Author</ a > a href = "#comments" >9 a ></ p > |
35 | </ header > |
36 | < p >Lorem p > |
37 | </ article > |
38 |
39 | </ section > |
40 |
41 | < aside > |
42 | < h2 >Contact 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 结构
- JS构建页面的DOM节点结构的实现代码
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。（参考慕课网）
- [举重若轻]html5 history api实现单页面结构
- html5页面结构
- HTML5页面结构模板
- HTML5 语义元素(一)页面结构
- JS构建页面的DOM节点结构
- HTML5新结构标签和移动端页面布局
- Html5（2）新增的结构元素 及 新增页面元素
- JS构建页面的DOM节点结构（二）
- Javascript动态加载Html元素到页面Dom文档结构时执行顺序的不同
- HTML5 移动Web App阅读器-4(页面基本结构开发)
- 初学HTML5---页面结构
- 学习 HTML5-页面结构(1)