<img src="#" alt="test2.jpg"/>alt=alternative(可选内容)
如果前边的图片下载失败,则选用alt内的图片进行展示
dl=description list 描述列表...dt=description term 描述单词..dd=description definition描述单词的定义
<dl>
<dt>年龄</dt>
<dd>18</dd>
</dl>
常用块级元素
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,对于移动设备,对于盲人阅读器都会更好,所以我们有必要研究下我们标签的本来面目。