認識段落標(biāo)簽 P 標(biāo)簽

當(dāng)我們需要在網(wǎng)頁上展示一段話時，就需要用到段落標(biāo)簽P標(biāo)簽了。比如我們需要展示新聞的詳情、文章的詳情、商品介紹等，這些內(nèi)容都是由一段一段的內(nèi)容構(gòu)成的，那么我們的 P 標(biāo)簽就派上用場了。例如：

1. P 標(biāo)簽的作用

P 標(biāo)簽用來定義段落。當(dāng)我們需要在網(wǎng)頁上顯示一段一段的內(nèi)容時，就可以使用 P 標(biāo)簽。每一個段落之間互不影響，為單獨的內(nèi)容。當(dāng)我們使用了 P 標(biāo)簽來定義段落時，每個段落之間會有上下間隙，而且即使我們的內(nèi)容很少或者沒有占滿一整行，那么 P 標(biāo)簽的內(nèi)容也會自動占滿一整行，既除 P 標(biāo)簽以外的內(nèi)容會自動換行顯示。

2. P 標(biāo)簽的用法

P 標(biāo)簽為雙標(biāo)簽，所以必須有首尾標(biāo)簽。段落的內(nèi)容既為 P 標(biāo)簽的內(nèi)容。例如：

<P>
  我是一個P標(biāo)簽  
</P>

如上面所說，P 標(biāo)簽會默認占一整行，即使我們的內(nèi)容很少，其余的內(nèi)容也會自動換行，且上下會有間距。比如我們定義以下兩個 P 標(biāo)簽：

<P>
  我是第一個P標(biāo)簽  
</P>
<P>
  我是第二個P標(biāo)簽
</P>

那么他們在頁面上會呈現(xiàn)以下效果：

3. P 標(biāo)簽的特點

首先 P 標(biāo)簽被稱之為塊級元素，塊級元素默認占一整行，且可以為之設(shè)置寬高。其次 P 標(biāo)簽?zāi)J帶有樣式，上下會有間距（在 CSS 中稱為外邊距）。就如我們之前所講到的，每個 P 標(biāo)簽形成的段落之間互不影響，獨立成段，所以我們在使用 P 標(biāo)簽的時候，需要事先劃分好頁面的結(jié)構(gòu)。

P 標(biāo)簽里面可以嵌套其他標(biāo)簽，例如：

<p>
  <div>
    我是p標(biāo)簽里面的div標(biāo)簽  
  </div>  
</p>

4. 經(jīng)驗分享

1. P 默認會自帶上下邊距的樣式，如果我們不需要默認樣式，可以通過 CSS 來刪除或改變它；
2. P 標(biāo)簽為塊級元素，內(nèi)容會默認占一整行，即使內(nèi)容很少，所以我們在使用 P 標(biāo)簽的時候，需要事先劃分頁面結(jié)構(gòu)；
3. P 標(biāo)簽的應(yīng)用場景主要為新聞、論壇、商品介紹等網(wǎng)站；
4. P 標(biāo)簽可以在任何有合適的文本流的地方出現(xiàn)，例如文檔的主體中、列表的元素里，但是只能在body標(biāo)簽的范圍內(nèi)。

5. 真實案例分享

5.1 騰訊新聞

脫貧全面小康、現(xiàn)代化，一個民族都不能少（節(jié)選）

<p> 習(xí)近平：中華人民共和國是一個多民族的社會主義大家庭，在你們的社區(qū)就體現(xiàn)出來了，回族、漢族為主的多民族社區(qū)。剛才我看到你們這個社區(qū)很好的經(jīng)驗，特別是民族之間和睦的關(guān)系，這是我最希望看到的。我們都是中華民族大家庭中的一份子。脫貧、全面小康、現(xiàn)代化，一個民族都不能少，我們都是攜手并進。這體現(xiàn)五千年的中華文明，也體現(xiàn)我們中國特色社會主義制度的優(yōu)越性。</p>
<p> 這是2020年6月8日習(xí)近平總書記在寧夏吳忠市利通區(qū)金花園社區(qū)同居民們親切交流時作的講話。</p>
<p> 這段話凸顯了總書記對少數(shù)民族地區(qū)脫貧攻堅的高度重視，對少數(shù)民族群眾的惦記牽掛。十八大以來，習(xí)近平總書記對民族地區(qū)工作傾注了大量心血，他的足跡遍布雪域高原、大江南北，有力地推動了各民族共同繁榮。</p>
<p >我們的國家是各族人民攜手締造的，也是各族人民共同建設(shè)的。黨領(lǐng)導(dǎo)各族人民經(jīng)過艱辛探索，走出了一條共同富裕的大道。比如，針對少數(shù)民族組織實施發(fā)展規(guī)劃，開展專項扶貧、精準(zhǔn)扶貧等，是中國特色減貧道路的顯著特征，這使得少數(shù)民族同胞，尤其是深度貧困地區(qū)的少數(shù)民族同胞，生產(chǎn)生活得到了極大改善。</p>

5.2 簡書文章

重構(gòu)的重構(gòu) - 《重構(gòu)》 第二版導(dǎo)讀（節(jié)選）

<p> 近20年過去了，Martin Fowler先生終于推出了新版的《重構(gòu)》。本人有幸于ThoughtWorks技術(shù)雷達十周年峰會現(xiàn)場率先拿到了此書的國內(nèi)發(fā)行版。</p>
<p> 在這20年中，軟件開發(fā)技術(shù)發(fā)生了很多重要的變化。新的編程語言不斷涌現(xiàn)，老的編程語言也加快迭代。主流編程語言大都支持了多種編程范式，函數(shù)式編程和面向?qū)ο笠粯映闪酥髁骶幊陶Z言的標(biāo)配。對并發(fā)的更好支持也已成為主流編程語言新的核心競爭力。于此同時各種軟件開發(fā)工具也日益現(xiàn)代化，常用的編程IDE都具備了面向重構(gòu)、測試甚至容器化發(fā)布的自動化工具和快捷鍵。 </p>
<p> 基于上，很多人都認為新版的重構(gòu)會迎合時代的變化，煥然一新。然而當(dāng)我用一整天時間讀完全書后，卻不禁如釋重負。正如本書中文譯者熊節(jié)先生所說“Flowler先生不僅沒有拔高，反而把功夫做的更扎實了”。 </p>
<p> 確實，無論編程語言的語法如何變化、編程范型如何多元化、工具如何發(fā)展，軟件設(shè)計的目標(biāo)并沒有變：那就在保證軟件滿足功能和非功能需求的前提下，如何更易應(yīng)對變化以及更易讓人理解和維護。由此所推導(dǎo)出來的軟件設(shè)計原則也是幾十年都沒有變，如高內(nèi)聚、低耦合，如SOLID原則等。甚至連GOF設(shè)計模式>至今依然生命力旺盛，除了偶有在一些新的編程范型中出現(xiàn)的新模式以及對原有模式的更簡單實現(xiàn)。此刻再回顧重構(gòu)技術(shù)，它所傳授的如何識別代碼中的壞味道，以及如何采用小步安全的重構(gòu)手法逐步將代碼演化到更易理解、更易應(yīng)對變化的狀態(tài)，正是為了滿足軟件設(shè)計的核心訴求！所以重構(gòu)應(yīng)該和設(shè)計模式一樣，是一項軟件開發(fā)中歷久而彌新的核心能力。</p>
<p> 基于此，新版《重構(gòu)》在主體內(nèi)容上和第一版相似。首先從一個示例開始，先讓讀者從整體上體會重構(gòu)的過程和效果。然后給出了重構(gòu)的具體概念和原則。之后Martin老先生給讀者列出了一份重要的代碼壞味道清單并逐一詮釋。隨后用了一章篇幅來講述如何搭建對重構(gòu)來說至關(guān)重要的“自動化測試體系”。最后Martin用整本書近四分之三的篇章詳細闡述了幾十種關(guān)鍵的重構(gòu)手法。 </p>
<p> 而在所謂與時俱進的方面，Martin則將更多的精力放在了對細節(jié)的持續(xù)優(yōu)化上。首先直接可見的是新版刪除了第一版中的最后幾章：“大型重構(gòu)”、“重構(gòu)，復(fù)用與現(xiàn)實”，“重構(gòu)工具”等，一方面是因為這幾章中有些內(nèi)容在今天看來已不是那么重要，其次所謂的“大型重構(gòu)”其實仍舊是一系列小的重構(gòu)手法的合理組合和持續(xù)應(yīng)用。在第二版中Martin將重點放到了對重構(gòu)手法的持續(xù)優(yōu)化上：首先他將原本2種代碼壞味道調(diào)整為24種，然后對所有重構(gòu)手法進行了重新分類和排布，以便更加內(nèi)聚和操作連貫。新版保留了第一版中大部分的手法，增加了一些更加具體和有用的手法，同時對所有的描述和示例都進行了更加精致的優(yōu)化。</p>

6. 小結(jié)

1. P 標(biāo)簽為雙標(biāo)簽，必須有尾標(biāo)簽。
2. P 標(biāo)簽?zāi)J占一整行，自帶換行效果。
3. P 標(biāo)簽里面可以嵌套其他標(biāo)簽。
4. 掌握 P 標(biāo)簽的應(yīng)用場景，在合適的場景使用合適的標(biāo)簽。