HTML语义化

1.让人更容易读懂（增加代码可读性）

2.让搜索引擎更容易读懂 （SEO：爬虫依赖于标签来确定上下文和各个关键字的权重）

 

常用标签

　　块级元素

<h1></h1> 最大的标题
<div></div> 用来排版大块HTML段落,也用于格式化表
<p></p> 创建一个段落
<dl></dl> 定义列表
<ul></ul> 创建一个标有圆点的列表
<ol></ol> 创建一个标有数字的列表

　　内联元素

<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<sup></sup> 上标字    
<sub></sub> 下标字

HTML 5 语义化标签

在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。

<header></header> 代表“网页”或“section”的页眉
<footer></footer> 代表“网页”或“section”的页脚
<nav></nav> 用在整个页面主要导航部分上
<section></section> 表示文档中的节或者段
    article、nav、aside可以理解为特殊的section，所以如果可以用article、nav、aside就不要用section，没实际意义的就用div
<aside></aside> 
    aside在article内表示主要内容的附属信息
    在article之外则可做侧边栏，没有article与之对应，最好不用
    如果是广告，其他日志链接或者其他分类导航也可以用
<article></article> 一个在文档，页面或者网站中自成一体的内容
    自身独立的情况下：用article
    是相关内容：用section
    没有语义的：用div