HTML區塊級元素的詳細說明

<h2>前面的話 <p>  在HTML5出現之前，人們一般把元素分成區塊級、內聯和內聯塊元素。本文將詳細介紹HTML區塊級元素

<p> 

h

<p>  標題(Heading)元素有六個不同的級別，&lt ;h1>是最高級的，而<h6>則是最低的。一個標題元素能簡單描述該節的主題

<p>  從<h1>到<h6>，重要性逐漸減小，字體大小也逐漸減小。使用標題元素時，要注意以下幾點

<p>  1、不要為了減少標題的字體而使用低級別的標題，而是使用CSS的font-size樣式

<p>  2、避免跳過某級標題：始終要從<h1>開始，接下來使用<h2> 等等

<p>  3 、使用<section> 元素時，為了方便起見，避免重複在一個頁面上使用<h1>，<h1>應該用來表示頁面的標題，其他的標題當從<h2>開始。使用<section>時，應當每個section都使用一個<h2>

<p>【預設樣式】

<p>#  HTML5新增了<hgroup>標籤，它表示標題組，用於組合標題，只在區塊需要有多個層級的標題時使用

<p> 

p

<p>  <p>元素(paragraph)表示文本的一個段落，該元素通常表現為一整塊與相鄰文本分離的文本，或以垂直的空白隔離或以首行縮排

<p>【預設樣式】

<p> 

p

<p>  <p>元素(pide)(或HTML文檔分區元素)是一個通用型的流內容容器，它在語義上不代表任何特定類型的內容，它可以被用來對其它元素進行分組，一般用於樣式化相關的需求(使用class或id特性)或將具有相同特性的一組元素進行分組(例如lang)，它應該在沒有任何其它語義元素可用時才使用(比如<article>或<nav>)

<p> 

hr

<p>  <hr>元素表示段落級元素之間的主題轉換(例如，一個故事中的場景的改變，或一個章節的主題的改變)。在HTML的早期版本中，它是一個水平線。現在它仍能在視覺化瀏覽器中表現為水平線，但目前被定義為語義上的，而不是表現層面上

<p>  <hr>用於段落級元素之間的分割，區塊之間不需要使用<hr>進行分割

<p>#【預設樣式】

<p> 

pre

<p>#  

</code>元素表示預定義格式文字。在該元素中的文字通常按照原始檔案中的編排，以等寬字體的形式展現出來，文字中的空白符(例如空格和換行符)都會顯示出來，通常表示已排版的內容，如程式碼區塊和字符畫等</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><pre class="brush:php;toolbar:false">
body {
  color:red;
}

登入後複製

margin: 1em 0;
white-space: pre;

<blockquote cite="http://baike.baidu.com/view/921793.htm">
　　<p>横眉冷对千夫指,俯首甘为孺子牛</p>
</blockquote>    
<p>鲁迅</p>

margin: 1em  40px;

font-style: italic;