标签

单标签，双标签

单标签

• img

  • src,alt,title 宽高写一边 display:bolck;或者vertical-align:top/middle/bottom

• input

  • type: text/password/submit/reset/button/checkbox/radio /file/number/email/color/url/search
  • type不同的时候value值代表的意思不同，
  • button时候边框会占高度

• hr，b’r

  • hr是块级元素

双标签

• h1-h6

  • 标题标签，加粗，字体大小，上下边距

• p

  • 文本标签，独占一行

• a

  • href: 写协议
  • target: 是否新页面打开 _blank _self
  • title: 用来优化
  • 颜色继承会被默认颜色覆盖

• div，span

  • 没有意思的标签

• nav,ul,ol,li,dl,dt,dd

  • 默认间距，列表符号，用背景图代替列表符号

• section,article,aside,figure,figcaption,header,footer,main

  • 有语义化的块级元素

• mark，address, time

  • 有语义化的行内元素

• video,audio

  • 视频和音频，source标签一起用

• table加了padding后会跟怪异盒一样往里面缩

  • tr,td

    • 单元格

  • th

    • 表格的第一行

  • thead, tbody,tfoot

    • 表头，表体，表尾

  • caption

    • 表格的标题

• form加了padding后也会跟怪异盒一样往里面缩

  • input

  • fieldset

    • 表单字段集，框

  • legend

    • 字段集标题

  • label

    • 提示信息，for要和表单控件id相绑定

• button加了padding 后也会跟怪异盒一样往里面缩

块级元素，行内元素，可变元素

块级

• h1-h6,p,div,ul,li,ol,dt,dd,dl,form,section,article,aside,figure,figcaption,header,footer,main,table,hr,fieldset
• 独占一行，可以添加宽高，作为容器

行内

• img,a,strong,em,i,b,u,s,sup,sub,del,label,mark,address,time

• 从左往右排，不能添加宽高，作为内容，部分元素不能正常显示上下内外间距

• 行内块

  • input,textarea,select

可变

• button
• 会根据上下文环境改变元素类型

h5新增元素

语义化标签

• section,article,aside,figure,figcaption,header,footer,main，mark，address, time

媒体标签

• video,audio

功能性标签

• canvas

置换元素，非置换元素

置换

• 通过标签和属性的不同，来改变元素在页面中的显示状态
• img,input,select,vedio,audio,textarea

非置换

• 除了置换都是非置换