博客园 首页 新随笔 联系 订阅 管理

1. 标签的分类

  (1)按类型划分

    (1.1)block(块元素)  div 、p、ul、li、h1

      独占一行

      支持所有样式

      不写宽的时候,宽度和父元素相同

      所占区域是一个矩形

    (1.2)inline(内联元素)  span、em、strong、a、img

      挨在一起

      有些样式不支持

      不写宽的时候,宽度由内容决定

      所占区域不一定是一个矩形

      内联标签之间会有间隙。是由于换行产生的

    (1.3)inline-block(内敛块元素)    input、select

      挨在一起,且支持宽与高

    注:布局一般用块元素、修饰文本一般用内联元素

 

  (2)按内容划分

    Flow:流内容
    Metadata:元数据
    Sectioning:分区
    Heading:标题
    Phrasing:措辞
    Embedded:嵌入
    Interactive:互动的

 

  (3)按显示划分

    替换元素:浏览器根据元素的标签和属性,来决定元素的具体显示内容。
    img 、 input
 
    非替换元素:将内容直接告诉浏览器,将其显示出来。
 
2. 标签嵌套规范
  
  (1) 固定
    ul、li
    dl、dt、dd
    table、tr、td
 
  (2) 块元素可以嵌套内联元素
    <div><span></span></div>
 
  (3) 块元素不能嵌套块元素
 
  (4) 内联元素不能嵌套块元素
    
    
posted on 2021-12-31 11:50  Computer_Science  阅读(36)  评论(0编辑  收藏  举报