什么是语意标籤？？

为了让标籤(Tag)更具意义，已加强文件的结构化，让搜寻引擎更清楚了解，
可以更清楚表现网页中每个区块的设计目的。

为什么要用语意标籤？

语意标籤的使用

* <header>：网页的标头，通常放置网站标题。* <nav>：网页的选单、导览。* <main>：网页的主要内容。* <aside>：网页的侧栏、附加内容。* <article>：一篇文章内容。* <section>：自订的区块，例如数篇摘要组成的空间。* <footer>：网页的页尾，通常放置联络方式、着作权宣告等等。* <mark>：如黄色萤光笔的方式画出重点，强调一小块内容* <time>：显示日期时间。

使用比较和範例

首先是使用 div 可能的网页结构，除了基本元素之外，主内容展示一篇文章和侧栏，页尾则显示网页最后更新的时间：

<div class="header"></div><div class="nav"></div><div class="main">    <div class="article"></div>    <div class="aside"></div></div><div class="footer">    Updated on <span class="time"></span></div>

接着改用语意化标籤

<header></header><nav></nav><main>    <article></article>    <aside></aside></main><footer>    <mark></mark>    Updated on <time></time></footer>

呈现出来的效果会如下图

总结

语意化标籤我也还在学习的阶段，善用 HTML5 标籤，可以让网页更有语意化，进而优化SEO。

没有SEO，人们只有5.59%的机会找到你

SEO为什么重要？让人们看见你