学习--语义标签

HTML 这种语言，并不像严谨的编程语言一样，有一条非此即彼的线。一些语义的使用其实会带来争议，所以我的建议是：你可以尽量只用自己熟悉的语义标签，并且只在有把握的场景引入语义标签。这样，我们才能保证语义标签不被滥用，造成更多的问题。还有就是因为视觉效果而改变标签的本来含义！

1. aside表示左侧侧边栏
2. article表示明确独立性的文章主体
3. hgroup表示一个标题组，里面包含h1-15,表示一个标题组的不同等级标题
4. abbr表示缩写
5. hr标签有内容话题有转折意义
6. p标签的class="note"表示注释或标识备注
7. figure以及figcaption表示独立的一块带图片以及图片下标题的独立区域

<figure>
    	<img src="../../home.png"/>
    	<figcaption>描述内容</figcaption>
 </figure>

8. time标签用来包含时间

 <time datetime="2015-07-09">9 July 2015</time>

9. strong标签有加强强调的作用，视觉效果就是字体加粗
10. blockqute、q、cite表示引用。在 HTML 中，有三个跟引述相关的标签 blockquote 表示段落级引述内容，q 表示行内的引述内容，cite 表示引述的作品名。
11. dfn表示被定义的名称dfn表示被定义的名称
12. nav、ol、ul的使用：文章的目录链接到文章的各个章节，我们可以使用 nav标签括住ol以及ul。nav、ol、ul的使用：文章的目录链接到文章的各个章节，我们可以使用 nav标签括住ol以及ul。
13. pre, samp, code 使用了 pre 标签，表示这部分内容是预先排版过的，不需要浏览器进行排版。 samp 标签表示计算机程序的示例输出 code 标签包裹了 HTML 代码pre, samp, code 使用了 pre 标签，表示这部分内容是预先排版过的，不需要浏览器进行排版。 samp 标签表示计算机程序的示例输出 code 标签包裹了 HTML 代码
    以下是补充的内容：