html 语义化

[MengZhaoFly]

以 Wiki 为例：https://en.wikipedia.org/wiki/World_Wide_Web

aside

导航性质的工具内容

article

文章主体部分

hgroup, h1, h2

hgroup 是标题组，h1 是一级标题，h2 是二级标题。这里，World Wide Web 是文章的大标题，适合 h1 元素。

abbr

abbr 标签表示缩写。 WWW 是 World Wide Web 的缩写

hr

横向分隔线：表示故事走向的转变或者话题的转变，这里是不需要用 hr 的

p

strong

加粗，强调

blockquote, q, cite

三个跟引述相关的标签 blockquote 表示段落级引述内容，q 表示行内的引述内容，cite 表示引述的作品名

这里的作品名称 “What is the difference between the Web and the Internet?”，应当使用 cite 标签

time

时间

figure, figcaption

figure 用于表示与主文章相关的图像、照片等流内容

<figure>
 <img src="https://.....440px-NeXTcube_first_webserver.JPG"/>
 <figcaption>The NeXT Computer used by Tim Berners-Lee at CERN.</figcaption>
</figure>

nav, ol, ul

导航

pre, samp, code

samp：示例
pre：预先排版，不需要浏览器进行排版

[MengZhaoFly]

test2

[MengZhaoFly]

test3

[MengZhaoFly]

test4