HTML语义话标签

在以前，程序猿编写代码时。在代码中市场用到的多数DIV,而DIV仅仅只是代表划分区域。做不到，每个区域之间名称。常常在代码中，为找一个区域造成烦恼。自从HTML5的出现，让每个区域都可以做到望名知意。而语义化标签是HTML5的新特性，让标签有自己的含义。使代码结构清晰，有利于团队开发。便于各种设备解析，如屏幕阅读器等，以语义的方式渲染页面。利用搜索引擎优化，让每一个编写者都可以游刃有余，明确清楚每个区域的作用与含义。
常见的语义化标签：

<heade></heade>
<!-- 一般头部也会有很多的内容，我们用这个标签对导航进行划分。当然，可能一个页面需要多个导航。 -->
<nav></nav>
<!-- 它的用法和它的单词直意一样，对整个页面文章区域进行划分。相当文章，我们可能就会想到每个文章会有段落……      -->
<article></article>
<!--这个标签就是用于对文章的段落的划分    -->
<section></section>
<!-- 一个页面有头部也肯定有最底部，我们用这个标签对某个区域或某个页面底部进行区域划分。 -->
<footer></footer>
<!-- 页面主体内容。 -->
<title></title>
<!-- h1~h6，分级标题 -->
<!-- <h1> 与 <title> 协调有利于搜索引擎优化。 -->
<hn></hn> 
<!-- 无序列表 -->
<ul>
    <!-- 序 -->
    <li></li>
</ul>
<!-- 有序列表 -->
<ol></ol>
<!-- 页面主要内容，一个页面只能使用一次。如果是web服务应用.     -->
<main></main>
<!-- 定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等 -->
<aside></aside>
<!-- 用于强调文本，但它强调的程度更强一些。 -->
<strong></strong>
<!-- 将其中的文本表示为强调的内容，表现为斜体。 -->
<em></em>
<!-- 规定独立的流内容（图像、图表、照片、代码等等） -->
<figure></figure> 
<!-- 义    figure 元素的标题，应该被置于 figure 元素的第一个或最后一个子元素的位置。 -->
<figcaption></figcaption>
<!-- 引用外部的文件 -->
<link></link>
<!-- 简称或缩写 -->
<abbr></abbr>
<!-- 移除的内容。 -->
<del></del>