前端学习笔记-1.1html5-web语义化标签基础

最近投简历，看到了有这一项，了解了一下。

简单来说就是有合适的标签就不用div。省得满屏都是div，要f12才好。
定义header，footer，nav，article等，不用div代替。

语义化是前端开发里面的一个专用术语。
优点：
1.有利于搜索，网络爬虫可以很容易识别
2.容易兼容不同设备
3.结构清晰，利于团队的开发、维护。

比如换行，用<br>

.h1-h6
一篇文章应该只有一个总标题h1,然后根据文章的内容，会有若干个h2和嵌套的h3
.p
段落，默认情况下p是有一定的缩进及行距。不想这样，就要另写css控制。
.ul,li,ol
里必须是在ul或者ol里面，当我们只是列举一些数据但又达不到一个分论点的时候，或者在一些资讯类的新闻列表里，都应该用此语义标签，例如你现在看到的页面
.dl,dt,dd
这表示一种带描述的层级递进的列表，其中dl指代描述的列表，dt列表的标题，dd列表的描述

<dl>
<dt>中国城市</dt>
<dd>北京</dd>
<dd>天津</dd>
<dd>石嘴山</dd>
<dt>美国城市</dt>
<dd>纽约</dd>
<dd>洛杉矶</dd>
<dd>华盛顿</dd>
</dl>

.em
斜体
.strong
加粗
.header,nav,article,section,aside,footer
这对于明确内容页语义化很重要

           《header》
           《nav》
《article》        《aside》
《section》 
           《footer》

.th,tbody
表格的表头及重复列表内容，正常的表格都应该区分表头及表体内容。表头默认是加粗并且居中的。
.address
表示一种联系方式，方便爬虫立马找到你的联系方式，当然使用起来可能是办公地址更加实际。

<address>
Writen by xiaoqiang<br/>
content me:156********@163.com<br/>
Address:Beijing changpin<br/>
</address>