HTML标签详解

HTML标签分类

单标签与双标签

根据标签的组成特点，通常将HTML标签分为两大类，分别是“双标签”、“单标签”。

1. 形如<标签名>内容</标签名>，由“开始标签”和“结束标签”两部分构成，可以包裹内容的标签，称为双标签，如div、p、a、body等。
2. 形如<标签名 />，不可以包裹内容的标签，称为单标签，如img、br、input、param、link等。

块级元素与行内元素、行内块元素

根据元素的占位和宽高属性，可以将元素分为块级元素与行内元素、行内块元素

1. 块级元素：独占一行，可以设置宽高，上下左右都可以设置外边距
   通常有：div、p、table、ul、li、header、h1-h6
2. 行内元素：共占一行，不可以设置宽高，只可设置左右外边距，上下外边距不起作用
   通常有：a、strong、i、b、em、s、del、span、ins、u
3. 行内块元素：共占一行，可以设置宽高，上下左右都可以设置外边距
   通常有：img、input、td、th、select、textarea、label、button、object，以及display:flex\inline-block; 的元素

HTML标签语义化

HTML标签语义化是H5的新特性，有很多标签都是根据语义进行定义的，使用语义化标签有易修改、易维护、易理解页面结构、利于SEO搜索引擎检索等优势，如header、nav、section、article、footer等。