<!DOCTYPE html>
<html lang=zh-cn>
<head>
<meta charset=utf-8>
<title>一個不帶CSS樣式的HTML5布局</title>
<meta name=description content=一個不帶CSS樣式的HTML5布局>
<meta name=author content=Roc>
<meta name=copyright content=Roc>
<link rel=shortcut icon href=favicon.ico>
<link rel=apple-touch-icon href=custom_icon.png>
<meta name=viewport content=width=device-width, user-scalable=no >
<link rel=stylesheet href=main.css>
<script src=script.js></script>
</head>
<body>
<header>HTML5文檔的頭部區域</header>
<nav>HTML5文檔的導航區域</nav>
<section>HTML5文檔的主要内容區域
<aside>
HTML5文檔的主要内容區域的側邊導航或菜單區
</aside>
<article>
HTML5文檔的主要内容區域的内容區
<section>以下是一個section和article的嵌套，循環表現章節與内容之間的父子關系，包含關系。
<aside>
</aside>
<article>
<header>HTML5文檔的嵌套區域，可以對某個article區域進行頭部和腳部的定義。這樣做，可以有非常清晰和嚴謹的文檔目錄結構關系。
<footer>
</article>
</section>
</article>
</section>
<footer>HTML5文檔的腳部區域</footer>
</body>
</html>
![采用ODC改善軟體品質：一個案例研究[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)