HTML语义标签
HTML5标签语义化的目的：让程序员(甚至是非IT人士)能够直观地认识到标签及其属性的用途和作用。比如，当我们看到 h1~h6时就知道：这个标签是用来显示标题的。
当然，语义化还有其他非常重要的作用。通过语义化标签可以让爬虫，搜索引擎，SEO读懂我们的页面。比如，我们利用 HTML5 开发一款新闻朗读软件给盲人朋友用，如果我们把重点内容放入 strong 标签中，那么该内容会被重读从而突出重点。
1. blockquote标签
blockquote用于表示文本的引用 --> 引用的文本会在左、右两侧同时缩进；请看如下示例：
<blockquote cite>代理模式(Proxy Pattern)是面向对象中一种非常常见的设计模式。其实，不单是在软件开发领域，在我们的日常生活中对于代理也时常可见。比如：房东要将自家的房租出售，于是到房地产中介公司找一个代理，由他来帮自己完成销售房屋，签订合同等等事宜。</blockquote>
在该标签中，可使用cite属性标明引用内容的来源。
2. cite标签
刚才我们看到cite是blockquote标签的中的一个属性；其实，cite还可以单独作为一个标签使用。cite标签用于表示文本对某个参考文献的引用；比如书籍或者杂志的标题；请看如下示例：
这段话出自<cite>《java编程思想》</cite>
3. address标签
address标签用于表示地址，显示效果通常为斜体，请看如下示例：
<address>中国四川省成都市高新区</address>
4. code标签
code标签用于表示计算机代码，请看如下示例：
<code>system.out.println()</code>
5. var标签
var标签用于表示变量，请看如下示例：
<var>count</var>
6. dfn标签
dfn标签用于定义专业术语，它源于短语defining instance，请看如下示例：
<dfn>量子网络通信</dfn>
7. del标签
del标签用于表示删除，在该标签中的文本会被画一条横线，请看如下示例：
<del>该方法已经废弃</del>
8. pre标签
pre标签表示预先的格式化，它源自于英语单词preformatted，该标签中的空格，回车等格式字符都会被保留。请看如下示例：
<pre>
<p> 第一行文字</p>
<p>第二行文字</p>
</pre>
9. mark标签
mark标签用于标记文本中的重点内容，默认采用荧光色标记。请看如下示例：
<mark>排序算法是我们面试的重点</mark>
10. details和summary标签
details标签用于表示详细信息；summary标签常用于表示摘要信息；两者常结合起来使用。请看如下示例：
<details>
<summary>java编程思想</summary>
这本书写得非常好，值得一看
</details>
