街角的咖啡店咖啡不太甜
街角的咖啡店咖啡不太甜

HTML标签元素分类

HTML标签元素分类

HTML标签元素的分类主要有以下两种分类方式：
1.按照元素闭合特征分类
2.按照是否换行特征分类

按照元素闭合特征分类
  • 闭合标签：
    闭合标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，例如、
    、

    等
  • 空标签
    空标签是指没有内容的标签，在开始标签中自动闭合。常见的空标签有：
    、
    等
按照是否换行特征分类
  • 块级元素
    1.每个块级元素独占一行，每个块级元素都会从新的一行开始，从上到下排布。
    2.块级元素可以直接控制宽度、高度以及盒子模型的相关css属性。
    3.在不设置宽度的情况下，块级元素的宽度是他父级元素内容的宽度。
    4.在不设置高度的情况下，块级元素的高度是他本身内容的高度。
    常见的块级元素有：
    、

    、、
    、
    、
    、
      等
    1. 行内元素
      1.行内元素之间从左到右显示在一行。
      2.行内元素不能直接控制宽度、高度以及盒子模型的相关css属性，其宽高是由内容本身的大小决定的，但是可以设置内外边距的水平方向的值。也就是说对于内联元素的margin和padding，只有margin-left/margin-right和padding-left/padding-right是有效的，但是竖直方向的margin和padding无效果。
      3.行内块级元素只能容纳文本或者其他行内元素（不要在行内元素中嵌套块级元素）。
      常见的行内元素有：
      、、等
    2. 行内块级元素（替换元素）
      1.浏览器根据其标签的元素与属性来判断显示的具体内容
      2.在同一行显示
      3.可以直接控制宽高
      常见的行内块级元素有：
      、、