HTML常用标签

今天对HTML的常用标签做一个归纳总结，希望以后能常常在其中更新，让自己的知识变得越来越系统。

标签简单介绍

页面布局标签

header 作为一个页面的头部
nav 导航条
section 章节，可以使用在主要内容的中间，加上class更好食用
article 文章
figure 与下面一个标签一起使用，独立于主题
figcaption 与上面一个标签一起使用，解释说明某些东西
aside 旁边的部分，与主要内容无关
footer 页脚
div 最常用的一个标签，通常无实际上的意思，只表示分区，后面有class

文本类标签

h1~h6 对于文本的标题，有6个等级，h1为最大的标题，依次递减。
p 段落
span 第二个最常用的标签，要对文本中某些字段添加样式时使用
strong 重点，这个标签会让内部文字加粗
em 强调，也会加粗，偏向于语义上的强调

表格标签

ul 无序列表子元素只能是li
ol 有序列表子元素只能是li
li  列表的子元素
dl 用于说明某些概念与 dt, dd连用
dt 是dl的子元素，概念的名称
dd 是dl的子元素，概念的说明

图片、链接、音频、视频

img/canvas 添加图片时使用
a 最常用的标签之一，可以转向另外一个链接页面
video 添加视频文件的时候使用
audio 添加音频文件的时候使用

表单（当需要提交数据时使用）

form 表单标签
input 输入框，具体类型需要设置其type
selection 下拉菜单，与option连用，属性含multiple时为多选
option 选择项
textarea 多行文本输入框，其属性value值无效。

表格

table 表格
thead 表头
tbody 表内
tfoot 表尾部
tr 表格列
td 表内数据
ps：现在使用table的人并不多，多数时候这种用法局限性颇多，常用div+css替换

a标签详细介绍2018-10-6

• a的定义：超文本链接

• a标签有浏览器默认样式，在css中默认样式有下划线，未点击时为蓝色，点击后为紫色，鼠标放置其上有手指样式。

• a最重要的属性是href，用于指向另外一个页面。
  href="url"时表示指向url，跳转
  href=""时表示指向自己，会刷新页面
  href="#"时表示指向页面的顶部

• download属性，存在时表示执行下载

• target属性
  target="_blank"表示跳转时转向新的标签
  target="_parent"表示跳转时转向父元素窗口
  target="_self"表示跳转时转向当前窗口
  target="_top"表示跳转时转向顶级窗口
  target="xxx"表示跳转时转向frame 名字为xxx的窗口

作者：张路1806
链接：https://www.jianshu.com/p/ad992548d8cc