2019-03-04 查漏补缺

alt=alternative(可选内容)

如果前边的图片下载失败,则选用alt内的图片进行展示

dl=description list 描述列表...dt=description term 描述单词..dd=description definition描述单词的定义

             

年龄

             

18

常用块级元素

P

paragraph，段落，用得非常多的元素

div

division/section(HTML5新增元素)，该标签用于将文档分割为不同部分

br

换行，br是空标签，他常常被无用做p，我们后面需要介绍他与p的区别，并且说说他与闭合浮动之间的关系。

h1——h6 一级标题到六级标题

heading，我们需要了解在各个浏览器中各个h的margin、padding、font-size

ul ol li

无序、有序列表

dl dt dd

定义列表相当于词典里面词的解释就可以用这种列表

hr

表示主体结束，而不完全是水平线

常用行内元素

a

anchor，链接（锚点），我们可以研究下a标签在各个阶段的样式啦

span

常用于包裹我们的行内元素

em strong

内容强调，em（emphasize）是做强调的，strong是用作重点强调的

b

bold 粗体，没强调的意思

i

italic 单纯的斜体

u

underline，单纯的加下划线

select option

创建可单选或多选的菜单

img

图片标签

input text

文本

input radio checkbox

单选框、多选框

input submit button

按钮

table

用于展示表格类数据

为什么要语义化标签

有时候我就在想我为什么要研究这个，为什么要语义化标签，一个比较俗气的现实就是：

你了解语义化标签才能找到好工作！

但是作为一个有一点理想的前端，我们是应该了解这些东西的

因为我们的html才是基本结构，css相当于一种装饰，装饰在的时候我们的页面光鲜，那么装饰去除的时候，我们也不能太丑！！！

这就是一个美女化妆与穿衣服的原理了，传了惊艳四座，不穿至少需要惊艳到个人吧。

而且对于SEO，对于移动设备，对于盲人阅读器都会更好，所以我们有必要研究下我们标签的本来面目。