<!DOCTYPE html>
<html>
<head>
<title></title>
<header>头部
<img src="">
<hgroup>
<h1></h1>
<h2></h2>
</hgroup>
</header>
<div>
<article>内容页
<img src="">
<h2></h2>
<address>个人信息</address>
<time>时间</time>
</article>
</div>
<aside>相对于一个content,显示在他的旁边(右边)</aside>
<section>逻辑快,更好理解</section>
<footer>尾部,可以不出现在尾部,只是逻辑上的,告诉浏览器这里算是我的尾部了</footer>
<figure>与布局无关的,把他去了,样式无影响,有他没他一样,与整体布局无关</figure>
<figcaption>与布局无关的,把他去了,样式无影响,有他没他一样,与整体布局无关</figcaption>
<ruby><rt>显示超字符集(比如显示繁体字,日文),在当前系统里没有这字库</rt></ruby>
</head>
<body>
<div style="border: 1px solid red;margin: 10px">2</div>
<div style="border: 1px solid red;margin: 10px;width: 80px;height:80px;background-image: url(Zhongma_Mar_1_Mar_15.png); background-position: 30px 30px;">2</div>
<ruby><rt>啊</rt></ruby>
</body>
</html>