認識段落標簽 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 標簽的應用場景，在合適的場景使用合適的標簽。