案例：html案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<title>HTML5 Skeleton</title>
5
<meta charset="utf-8">
6
​
7
<!--[if lt IE 9]>
8
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">
9
</script>
10
<![endif]-->
11
​
12
<style>
13
body {font-family: Verdana, sans-serif; font-size:0.8em;}
14
header,nav, section,article,footer
15
{border:1px solid grey; margin:5px; padding:8px;}
16
nav ul {margin:0; padding:0;}
17
nav ul li {display:inline; margin:5px;}
18
</style>
19
</head>
20
​
21
<body>
22
​
23
<header>
24
  <h1>HTML5 Skeleton</h1>
25
</header>
26
​
27
<nav>
28
<ul>
29
  <li><a href="/html/oldhtml/html5_intro.html" target="_blank">HTML5 简介</a></li>
30
  <li><a href="/html/oldhtml/html5_new_elements.html" target="_blank">HTML5 元素</a></li>
31
  <li><a href="/html/oldhtml/html5_semantic_elements.html" target="_blank">HTML5 语义</a></li>
32
</ul>
33
</nav>
34
​
35
<section>
36
​
37
<h1>Famous Cities</h1>
38
​
39
<article>
40
<h2>London</h2>
41
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
42
with a metropolitan area of over 13 million inhabitants.</p>
43
</article>
44
​
45
<article>
46
<h2>Paris</h2>
47
<p>Paris is the capital and most populous city of France.</p>
48
</article>