【0003】标题和段落标签

标题标签

h系列标签表示 "标题" 语义，h是headline的意思。

​​<h1>​​定义重要等级最高的标题。

​​<h6>​​ 定义重要等级最低的标题。

搜索引擎非常看重​​<h1></h1>​​​标签的内容，应该将重点内容放到​​<h1></h1>​​中，比如一篇文章的题目等。

​​<h1></h1>​​标签一般只能放置一个，否则会被搜索引擎视为作弊。

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

段落标签

​​<p></p>​​表示段落标签，p是英语paragraph的意思。

任何段落都要放到​​<p></p>​​​标签中，因为HTML中即使代码转行了，页面效果也不会换行，必须写到​​<p></p>​​中。

【注意】​​<p></p>​​标签中不能嵌套h系列标签和其他p标签。

<!-- 以下为错误示范 -->

<!-- 错误1：嵌套h系列标签 -->
<p>
    我<h1>我是一级标题</h1>
</p>

<!-- 错误2：嵌套p标签 -->
<p>
    我<p>很可爱</p>
</p>

HTML并不会报错，但是并不规范，其显示效果代码相当于下面：

<p>我</p>
<h1>我是一级标题</h1>
<p>我</p>
<p>很可爱</p>

p标签的显示效果

我是一只小毛驴
我从来也不骑
<p>有一天我心血来潮骑着去赶集</p>
<p>我手里拿着小皮鞭我心里正得意</p>

从显示效果上很明显可以看出，不使用p标签的文字换行后只会有一个空格分割，而使用p标签的文字独占一段（不是独占一行）。

<p>
   一去二三里，烟村四五家。
</p>

<p>亭
    台
    
    
    
    六七座，八 九    十枝花。</p>

在p标签中，文字与p标签之间换行或是空格，都会自动忽略。但是文字与文字之间换行、空格，都会被折叠成一个空格。

<p>北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积约72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。</p>
<p>北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成，成为明清两朝二十四位皇帝的皇宫。民国十四年国庆节（1925年10月10日）故宫博物院正式成立开幕。北京故宫南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城有四座城门，南面为午门，北面为神武门，东面为东华门，西面为西华门。城墙的四角，各有一座风姿绰约的角楼，民间有九梁十八柱七十二条脊之说，形容其结构的复杂。</p>