元素就像是页面中任意部分（可能是单独存在的部分，也可能是联合出现的某一部分）的一个容器。
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div>TODO write content</div>
<article>
<figure>
<img src='images/bok-choi.jpg' alt="Bok Choi" />
<figcaption>Bok Choi</figcaption>
</figure>
<hgroup>
<h2>Japanese Vegetarian</h2>
<h3>Five week cours in London</h3>
</hgroup>
<p>A five week introduction to traditional Japanese vegetarian meals, teaching you</p>
</article>
<article>
<figure>
<img src="images/teriyaki.jpg" alt="Teriyaki sauce" />
<figcaption>Teriyaki sauce</figcaption>
</figure>
<hgroup>
<h2>Sauces Masterclass</h2>
<h3>one day workshop</h3>
</hgroup>
<p>A five week introduction to traditional Japanese vegetarian meals, teaching you</p>
</article>
</body>
</html>