zoukankan      html  css  js  c++  java
  • 标签的分类

    标签分类

    1、单|双标签

    • 单标签:单标签在自身标签标识结束,主要应用场景为功能性标签

    • 双标签:双标签有成对的结束标识,主要应用场景为内容性标签

    2、行|块标签

    • 行标签:又名内联标签,内联标签自身不具备宽高,通常同行显示

    • 块标签:又名块级标签,块标签拥有自身宽高,通常独自占据一行

    3、单一|组合标签

    • 单一标签:单独出现,表示具体的功能或展示具体的内容

    • 组合标签:配合使用,才能产生相应的内容与效果

    =============================================================================================================================================================

    笔记

    <!DOCTYPE html>
    <html lang="zh">
    <head>
      <meta charset="UTF-8" />
      <title>标签的分类</title>
    </head>
    <body>
      <!-- 1.单双标签 -->
      <!-- 标签都需要闭合 -->
      <!-- 单标签:闭合操作在本身的尾部,并且可以省略(自定义标签要自我标注闭合) ==> 单标题一般具有特殊功能,单标签主功能 -->
      <!-- 双标签:闭合操作有对应的结束标签完成,也可以省略(强烈不建议) ==> 双标签一般具有文本(普通文本与超文本),双标签主内容 -->
      <hr>
      <div>123<!-- </div> -->
      <div>456</div>
      <!-- </div> -->


      <!-- 2.行块标签 -->
      <!-- 行:内联,不具备自身宽高,通常同行显示 -->
      <!-- 块:块级,具备自身宽高,通常换行显示 -->
      <!-- 自定义标签均属于内联标签 -->
      <!-- span{我是span$}*2+div{我是div$}*2 -->
      <span>我是span1</span>
      <span>我是span2</span>
      <div>我是div1</div>
      <div>我是div2</div>


      <!-- 3.单一组合标签 -->
      <!-- 组合标签必须组合出现,协同下才能显示产生相应的内容与效果 -->
      <ruby>
      好的<rt>haode</rt>
      </ruby>

    </body>
    </html>

  • 相关阅读:
    EasyUI笔记(三)Window窗口
    EasyUI笔记(二)Layout布局
    从零构建Flink SQL计算平台
    从零构建Flink SQL计算平台
    Hystrix压测
    Java对象属性复制备忘
    Java垃圾回收手册翻译
    一次虚拟机升级和参数调整记录
    获取不同虚拟机参数的终极方法
    Dataset数据的XML持久化处理
  • 原文地址:https://www.cnblogs.com/zhangpang/p/9720323.html
Copyright © 2011-2022 走看看