四、排版标签

一）标题标签（h1-h6）

1.使用场景：

常用于新闻和文章的页面中，用标题标签来突出文章主题

2.代码格式：

一级标题：

<h1>1级标题</h1>

显示：

​

1级标题

​

二级标题：

<h2>2级标题</h2>

显示：

​

2级标题

​

三级标题：

<h3>3级标题</h3>

显示：

​

3级标题

​

四级标题：

<h4>4级标题</h4>

显示：

​

4级标题

​

五级标题：

<h5>5级标题</h5>

显示：

​

5级标题

​

六级标题：

<h6>6级标题</h6>

显示：

​

6级标题

​

3.语义：

1~6级标题，重要程度依次递减，h1的字号最大，h6的字号最小，每个元素占一行。

4.特点：

*文字都有加粗；

*文字都有变大，且从h1->h6文字逐渐减小；

*独占一行。

5.注意事项：

*h1标签对于网页尤为重要，开发中有特定的使用场景，如：新闻的标题、网页的logo部分等。

二）段落标签（< p >)

1.使用场景：

常用于新闻和文章的页面中，用于分段显示。

2.代码格式：

<p>我是一段文字</p>

3.语义：段落

4.特点：

*段落之间存在间距；

*独占一行；

三）换行标签（< br >)

1.使用场景：让文字强制换行显示

2.代码格式：

我是一段文字<br>
我是一段文字<br>

3.语义：换行

4.特点：

*单标签；

*让文字强制换行。

四）水平线标签（< hr >)

1.使用场景：分隔不同主题内容的水平线

2.代码格式：

例：

<h3>我是一个标题</h3>
<hr>
<p>我是一段文字我是一段文字我是一段文字我是一段文字</p>

显示：

​

我是一个标题

---

我是一段文字我是一段文字我是一段文字我是一段文字

​

3.语义：主题的分割转换

4.特点：

*单标签;

*在页面中显示一条水平线。

五）总结文本格式化标签

一）使用场景：

需要对文字添加加粗、倾斜、下划线等效果时。

二）代码格式及语义：

标签	语义化标签	语义	css中相同效果属性
< b >##< /b >	< strong >##< /strong >	加粗	font-weight: bloder;
< u >##< /u >	< ins >##< /ins >	下划线	text-decoration: underline;
< i >##< /i >	< em >##< /em >	倾斜
< s >##< /s >	< del >##< /del >	删除线	text-decoration: line-through
< cite >	< block qupte>(左侧有线）	引用

三）标签语义化

实际开发项目中选择标签的原则：优先使用语义化标签。

原因：对人来说更好理解记忆，对机器来说更好解析

\