<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div style="color:#0000FF">
<p>這是div的一個p標簽</p>
<p>這是div的一個另一p標簽</p>
</div>
<br>
<br>
<br>
<article>
<h2>Java編程思想</h2>
<p>這是一本講Java非常好的書</p>
<section>
<h3>Java的基本介紹</h3>
<p>打開了司法局了可接受的飛機離開了設計費龍口就龍口是妲己了克里斯肯德基龍口</p>
</section>
<section>
<h3>Java的設計模式</h3>
<p>打開了司法局了可接受的飛機離開了設計費龍口就龍口是妲己了克里斯肯德基龍口</p>
</section>
</article>
</body>
</html>
06.PNG
div、section、articl語義逐漸增強
div
div標簽在頁面中非常常見，也常將其稱為標簽容器。我們可以將一組功能相關的標簽放到同一個div中，也可以對該標簽內的元素作統一處理，比如設置對齊方式，背景顏色。
section
定義：文檔中的節，一般是具有標題性的。
使用場合：文章的章節、標簽對話框中的標簽頁、或者論文中有編號的部分。
提示：section不僅僅是一個普通的容器標簽，這區別與div標簽。一般來說，當元素內容明確地出現在文檔大綱中時，section 就是適用的。
article
定義：獨立的自包含內容。一般來說，article會有標題部分( 包含在header內 )，有時也會包含footer。
使用場合：一段內容脫離了所在的語境，仍是完整的、獨立的，則應該用article標簽。
提示：雖然section也是帶有主題性的一塊內容，但是無論從結構上還是內容上來說，article本身就是獨立的、完整的。
