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>

  • 相关阅读:
    AdvDataList分页 例码
    问一个关于生成静态页面的问题
    使用XMLDataSource简单实现多级下拉菜单
    简单的封装一个HTML 弹出对话框的空间
    JS 语言强大, 动态修改标准库
    Eclipse IDE 学习
    分布式程序的开发
    Http request Post pk Put
    Forward: X Forwarding with Putty on Windows
    转载: 颠覆了对于design 的认识
  • 原文地址:https://www.cnblogs.com/zhangpang/p/9720323.html
Copyright © 2011-2022 走看看