HTML标签详解
HTML标签分类
单标签与双标签
根据标签的组成特点,通常将HTML标签分为两大类,分别是“双标签”、“单标签”。
- 形如
<标签名>内容</标签名>
,由“开始标签”和“结束标签”两部分构成,可以包裹内容的标签,称为双标签,如div、p、a、body等。 - 形如
<标签名 />
,不可以包裹内容的标签,称为单标签,如img、br、input、param、link等。
块级元素与行内元素、行内块元素
根据元素的占位和宽高属性,可以将元素分为块级元素与行内元素、行内块元素
- 块级元素:独占一行,可以设置宽高,上下左右都可以设置外边距
通常有:div、p、table、ul、li、header、h1-h6 - 行内元素:共占一行,不可以设置宽高,只可设置左右外边距,上下外边距不起作用
通常有:a、strong、i、b、em、s、del、span、ins、u - 行内块元素:共占一行,可以设置宽高,上下左右都可以设置外边距
通常有:img、input、td、th、select、textarea、label、button、object,以及display:flex\inline-block; 的元素
HTML标签语义化
HTML标签语义化是H5的新特性,有很多标签都是根据语义进行定义的,使用语义化标签有易修改、易维护、易理解页面结构、利于SEO搜索引擎检索等优势,如header、nav、section、article、footer等。