Ví dụ sử dụng thẻ div, section và article Code: <!DOCTYPE html> <html lang="en"> <head> <title>HTML5</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]--> <style> body {font-family: Verdana, sans-serif; font-size:0.8em;} header, nav, article, footer, div.city, div.country {border:1px solid grey; margin:5px; padding:8px;} nav ul {margin:0; padding:0;} nav ul li {display:inline; margin:5px;} </style> </head> <body> <header> <h1>Trang tin HTML5</h1> </header> <nav> <ul> <li>Tin tức</li> <li>Thể thao</li> <li>Thời tiết</li> </ul> </nav> <article> <section> <h2>Các thành phố nổi tiếng</h2> <div class="city"> <h2>London</h2> <p>London là thủ đô của Nước Anh. Nó là thành phố đông dân nhất trong Vương Quốc liên hiệp Anh với một đô thị có diện tích hơn 13 triệu cư dân.p> </div> <div class="city"> <h2>Paris</h2> <p>Paris là thủ đô và là thành phố đông dân nhất của Pháp.</p> </div> <div class="city"> <h2>Tokyo</h2> <p>Tokyo là thủ đô của Nhật Bản, trung tâm của vùng thủ đô Tokyo và là đô thị đông nhất trên thế giới.</p> </div> </section> <section> <h2>Các quốc gia nổi tiếng</h2> <div class="country"> <h2>Nước Anh</h2> <p>London là thủ đô của Nước Anh. Nó là thành phố đông dân nhất trong Vương Quốc liên hiệp Anh với một đô thị có diện tích hơn 13 triệu cư dân.</p> </div> <div class="country"> <h2>Nước Pháp</h2> <p>Paris là thủ đô và là thành phố đông dân nhất của Pháp.</p> </div> <div class="country"> <h2>Nước Nhật Bản</h2> <p>Tokyo là thủ đô của Nhật Bản, trung tâm của vùng thủ đô Tokyo và là đô thị đông nhất trên thế giới.</p> </div> </section> </article> <footer> <p>© 2015 WebVN. Toàn quyền sở hữu.</p> </footer> </body> </html> Kết quả: