码迷,mamicode.com
首页 > 其他好文 > 详细

标签的分类

时间:2018-09-28 20:37:52      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:span   htm   lang   标签   expand   使用   lock   char   data-   

标签分类

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>

标签的分类

标签:span   htm   lang   标签   expand   使用   lock   char   data-   

原文地址:https://www.cnblogs.com/zhangpang/p/9720323.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!