- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
Tìm hiểu cấu trúc một trang HTML5
Khi đã hiểu hơn về các thành phần của HTML5 thì chúng ta cần áp dụng các thành phần đó để tạo nên một trang HTML. Và để tạo được chúng ta cần hiểu rõ hơn về cấu trúc của một trang HTML5 là như thế nào, thì bài viết này sẽ nói về điều đó.
Cấu trúc trang HTML5 thông thường sẽ có dạng được biểu diễn như hình sau: với các thành phần cơ bản header, nav, article, section, aside, footer
Ví dụ về cấu trúc trang HTML5
Chúc các bạn thành công.
Khi đã hiểu hơn về các thành phần của HTML5 thì chúng ta cần áp dụng các thành phần đó để tạo nên một trang HTML. Và để tạo được chúng ta cần hiểu rõ hơn về cấu trúc của một trang HTML5 là như thế nào, thì bài viết này sẽ nói về điều đó.
Cấu trúc trang HTML5 thông thường sẽ có dạng được biểu diễn như hình sau: với các thành phần cơ bản header, nav, article, section, aside, footer
Mã:
<!DOCTYPE HTML>
<html>
<head>
<title>Trang HTML5</title>
<meta charset="UTF-8">
</head>
<body>
<header>
<nav>
<ul>
<li>Menu</li>
</ul>
</nav>
</header>
<section>
<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</article>
<article>
<header>
<h2>Article title</h2>
<p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
</header>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</article>
</section>
<aside>
<h2>About section</h2>
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</aside>
<footer>
<p>Copyright 2017</p>
</footer>
</body>
</html>Chúc các bạn thành công.
Nguồn: Internet
Bài viết liên quan
Bài viết mới
