认识段落标签 P 标签

当我们需要在网页上展示一段话时,就需要用到段落标签P标签了。比如我们需要展示新闻的详情、文章的详情、商品介绍等,这些内容都是由一段一段的内容构成的,那么我们的 P 标签就派上用场了。例如:

图片描述

1. P 标签的作用

P 标签用来定义段落。当我们需要在网页上显示一段一段的内容时,就可以使用 P 标签。每一个段落之间互不影响,为单独的内容。当我们使用了 P 标签来定义段落时,每个段落之间会有上下间隙,而且即使我们的内容很少或者没有占满一整行,那么 P 标签的内容也会自动占满一整行,既除 P 标签以外的内容会自动换行显示。

2. P 标签的用法

P 标签为双标签,所以必须有首尾标签。段落的内容既为 P 标签的内容。例如:

<P>
  我是一个P标签  
</P>

如上面所说,P 标签会默认占一整行,即使我们的内容很少,其余的内容也会自动换行,且上下会有间距。比如我们定义以下两个 P 标签:

<P>
  我是第一个P标签  
</P>
<P>
  我是第二个P标签
</P>

那么他们在页面上会呈现以下效果:

图片描述

3. P 标签的特点

首先 P 标签被称之为块级元素,块级元素默认占一整行,且可以为之设置宽高。其次 P 标签默认带有样式,上下会有间距(在 CSS 中称为外边距)。就如我们之前所讲到的,每个 P 标签形成的段落之间互不影响,独立成段,所以我们在使用 P 标签的时候,需要事先划分好页面的结构。

P 标签里面可以嵌套其他标签,例如:

<p>
  <div>
    我是p标签里面的div标签  
  </div>  
</p>

4. 经验分享

  1. P 默认会自带上下边距的样式,如果我们不需要默认样式,可以通过 CSS 来删除或改变它;
  2. P 标签为块级元素,内容会默认占一整行,即使内容很少,所以我们在使用 P 标签的时候,需要事先划分页面结构;
  3. P 标签的应用场景主要为新闻、论坛、商品介绍等网站;
  4. P 标签可以在任何有合适的文本流的地方出现,例如文档的主体中、列表的元素里,但是只能在body标签的范围内。

5. 真实案例分享

5.1 腾讯新闻

脱贫全面小康、现代化,一个民族都不能少(节选)

<p> 习近平:中华人民共和国是一个多民族的社会主义大家庭,在你们的社区就体现出来了,回族、汉族为主的多民族社区。刚才我看到你们这个社区很好的经验,特别是民族之间和睦的关系,这是我最希望看到的。我们都是中华民族大家庭中的一份子。脱贫、全面小康、现代化,一个民族都不能少,我们都是携手并进。这体现五千年的中华文明,也体现我们中国特色社会主义制度的优越性。</p>
<p> 这是2020年6月8日习近平总书记在宁夏吴忠市利通区金花园社区同居民们亲切交流时作的讲话。</p>
<p> 这段话凸显了总书记对少数民族地区脱贫攻坚的高度重视,对少数民族群众的惦记牵挂。十八大以来,习近平总书记对民族地区工作倾注了大量心血,他的足迹遍布雪域高原、大江南北,有力地推动了各民族共同繁荣。</p>
<p >我们的国家是各族人民携手缔造的,也是各族人民共同建设的。党领导各族人民经过艰辛探索,走出了一条共同富裕的大道。比如,针对少数民族组织实施发展规划,开展专项扶贫、精准扶贫等,是中国特色减贫道路的显著特征,这使得少数民族同胞,尤其是深度贫困地区的少数民族同胞,生产生活得到了极大改善。</p>

5.2 简书文章

重构的重构 - 《重构》 第二版导读(节选)

<p> 近20年过去了,Martin Fowler先生终于推出了新版的《重构》。本人有幸于ThoughtWorks技术雷达十周年峰会现场率先拿到了此书的国内发行版。</p>
<p> 在这20年中,软件开发技术发生了很多重要的变化。新的编程语言不断涌现,老的编程语言也加快迭代。主流编程语言大都支持了多种编程范式,函数式编程和面向对象一样成了主流编程语言的标配。对并发的更好支持也已成为主流编程语言新的核心竞争力。于此同时各种软件开发工具也日益现代化,常用的编程IDE都具备了面向重构、测试甚至容器化发布的自动化工具和快捷键。 </p>
<p> 基于上,很多人都认为新版的重构会迎合时代的变化,焕然一新。然而当我用一整天时间读完全书后,却不禁如释重负。正如本书中文译者熊节先生所说“Flowler先生不仅没有拔高,反而把功夫做的更扎实了”。 </p>
<p> 确实,无论编程语言的语法如何变化、编程范型如何多元化、工具如何发展,软件设计的目标并没有变:那就在保证软件满足功能和非功能需求的前提下,如何更易应对变化以及更易让人理解和维护。由此所推导出来的软件设计原则也是几十年都没有变,如高内聚、低耦合,如SOLID原则等。甚至连GOF设计模式>至今依然生命力旺盛,除了偶有在一些新的编程范型中出现的新模式以及对原有模式的更简单实现。此刻再回顾重构技术,它所传授的如何识别代码中的坏味道,以及如何采用小步安全的重构手法逐步将代码演化到更易理解、更易应对变化的状态,正是为了满足软件设计的核心诉求!所以重构应该和设计模式一样,是一项软件开发中历久而弥新的核心能力。</p>
<p> 基于此,新版《重构》在主体内容上和第一版相似。首先从一个示例开始,先让读者从整体上体会重构的过程和效果。然后给出了重构的具体概念和原则。之后Martin老先生给读者列出了一份重要的代码坏味道清单并逐一诠释。随后用了一章篇幅来讲述如何搭建对重构来说至关重要的“自动化测试体系”。最后Martin用整本书近四分之三的篇章详细阐述了几十种关键的重构手法。 </p>
<p> 而在所谓与时俱进的方面,Martin则将更多的精力放在了对细节的持续优化上。首先直接可见的是新版删除了第一版中的最后几章:“大型重构”、“重构,复用与现实”,“重构工具”等,一方面是因为这几章中有些内容在今天看来已不是那么重要,其次所谓的“大型重构”其实仍旧是一系列小的重构手法的合理组合和持续应用。在第二版中Martin将重点放到了对重构手法的持续优化上:首先他将原本2种代码坏味道调整为24种,然后对所有重构手法进行了重新分类和排布,以便更加内聚和操作连贯。新版保留了第一版中大部分的手法,增加了一些更加具体和有用的手法,同时对所有的描述和示例都进行了更加精致的优化。</p>

6. 小结

  1. P 标签为双标签,必须有尾标签。
  2. P 标签默认占一整行,自带换行效果。
  3. P 标签里面可以嵌套其他标签。
  4. 掌握 P 标签的应用场景,在合适的场景使用合适的标签。

图片描述