分区标签

分区标签
- 分区元素: 分区元素默认没有任何显示效果，可以理解为容器，用于添加多个相关的元素，便于对多个相关元素进行统一管理。
- span：行内分区元素，和其它行内元素共占一行
- div：块级分区元素，独占一行
- 任何页面都会分为三大区：
<div>头部</div>
<div>体部</div>
<div>脚部</div>
- html5标准中新增的几个分区标签
<header>头部</header>
<article>正文</article>
<footer>脚部</footer>

元素分类
1. 行内元素
共占一行，包括：span，strong和b加粗，em和i斜体，del和s删除线，u下划线
2. 块级元素
独占一行，包括：div，hr，h1-h6,p

实体引用(特殊字符)

1. 空格：会有折叠现象  
2. 小于号 <
3. 大于号 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<header>头部</header>
<article>
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <span>span1</span>
    <span>span2</span>
    <span>span3</span>
    <hr>
     我是字体加粗：<strong>strong标签</strong>
     我也是字体加粗标签：<b>b标签</b><br>
     我是斜体：<em>em标签</em>,
     我也是斜体：<i>i标签</i> <br>
     我是删除线：<del>del标签</del>
     我也是删除线：<s>s标签</s><br>
     我是下划线：<u>u标签</u>
     
     
     
</article>
<footer>脚&nbsp;&nbsp;&nbsp;部&lt;abc&gt;</footer>
</body>
</html>

View Code

Insert title here头部

div1

div2

div3

span1 span2 span3

我是字体加粗：strong标签 我也是字体加粗标签：b标签
我是斜体：em标签, 我也是斜体：i标签
我是删除线：~~del标签~~ 我也是删除线：~~s标签~~
我是下划线：u标签脚部<abc>