标签分类

一 概念

# 标签分类

#### 1、单|双标签

* 单标签:单标签在自身标签标识结束,主要应用场景为功能性标签
* 双标签:双标签有成对的结束标识,主要应用场景为内容性标签

#### 2、行|块标签

* 行标签:又名内联标签,内联标签自身不具备宽高,通常同行显示
* 块标签:又名块级标签,块标签拥有自身宽高,通常独自占据一行

#### 3、单一|组合标签

* 单一标签:单独出现,表示具体的功能或展示具体的内容
* 组合标签:配合使用,才能产生相应的内容与效果

###### v_test:熟悉标签的分类

二 代码示范

<!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>

 

posted @ 2018-09-23 23:27  不沉之月  阅读(459)  评论(0编辑  收藏  举报