Cách Sử Dụng Thẻ Nav Trong Html Là Gì, Thẻ Trong Html5

Thẻ có ý nghĩa (Semantic Elements) giúp bạn thiết kế cấu trúc giao diện của website rõ ràng, mạch lạc hơn.Bạn đang xem: Thẻ nav trong html là gì

Tóm Tắt

Thẻ có ý nghĩa là gì?

Thẻ có ý nghĩa là những thẻ miêu tả rõ ràng mục đích sử dụng cả đối với trình duyệt lẫn lập trình viên.

Bạn đang xem: Thẻ nav trong html là gì

Ví dụ về thẻ không có ý nghĩa: và – Không miêu tả rõ ràng nội dung trong thẻ.

Ví dụ về thẻ có ý nghĩa: , và

Thẻ trong HTML5

Thẻ được sử dụng để tạo thành một khu vực bao gồm những nội dung giống nhau.

Dựa theo tài liệu về HTML5 của W3C thì: “Khu vực là một nhóm các nội dung có cùng chủ đề.”

Trang chủ của một website có thể đựa chia thành nhiều khu vực khác nhau như: giới thiệu, nội dung mới, thông tin liên hệ,…

p>Quỹ Quốc Tế Bảo Vệ Thiên nhiên (WWF) là một tổ chức quốc tế chuyên làm việc về các vấn đề liên quan đến việc bảo tồn, nghiên cứu và phục hồi môi trường, trước đây có tên là Quỹ Động Vật Hoang Dã Thế giới. WWF đã được thành lập vào năm 1961./p>p>Gấu Trúc đã được lựa chọn làm biểu tượng WWF. Logo Gấu Trúc nổi tiếng của WWF có nguồn gốc từ một chú gấu trúc có tên là Chi Chi đã được chuyển từ vườn thú Bắc Kinh đến Sở thú London vào cùng năm thành lập của WWF./p>

Thẻ trong HTML5

Thẻ được sử dụng cho các nội dung khép kín, độc lập.

Nội dung trong thẻ có ý nghĩa riêng biệt và có thể độc lập với những phần còn lại của website. Người dùng có thể đọc nội dung bên trong thẻ mà không cần quan tâm tới những phần khác.

Bạn có thể sử dụng thẻ trong:

Bài viết của diễn đànBài viết của blogBài viết của một trang báo

Thẻ trong thẻ

Bài viết của diễn đànBài viết của blogBài viết của một trang báo

Trong chuẩn HTML5, thẻ được sử dụng để tạo ra các khối nội dung hoàn chỉnh, khép kín.

Thẻ được sử dụng để tạo ra nhóm các nội dung liên quan tới nhau.

Vậy, chúng ta có thể sử dụng những định nghĩa này để quyết định xem thẻ nào phải nằm bên trong thẻ nào hay không? Câu trả lời là: Không thể!

Trên Internet, bạn có thể tìm thấy rất nhiều trang HTML sử dụng thẻ để chứa thẻ và cũng rất nhiều trang sử dụng thẻ để chứa thẻ .

Ngoài ra, bạn cũng có thể thấy những trang sử dụng thẻ bên trong một thẻ và thẻ bên trong một thẻ .

VD về trang báo mạng: Trong khu vực thể thao bao gồm nhiều bài viết thể thao, trong mỗi bài viết thể thao lại có một khu vực nói về kỹ thuật.

Thẻ trong HTML5

VD về trang báo mạng: Trongthể thao bao gồm nhiềuthể thao, trong mỗithể thao lại có mộtnói về kỹ thuật.

Thẻ nên được sử dụng để bao ngoài nội dung giới thiệu trang.

Xem thêm: Phân Biệt Try To V Và Try Ving Và Try To V, Try To Verb Vs Try Ving

Bạn có thể sử dụng một vài thẻ trong một trang HTML.

Ví dụ dưới đây sử dụng thẻ bên trong một bài viết:

1234567891011121314body>article>header>h1>WWF làm gì?/h1>p>Sứ mệnh của WWF:/p>/header>p>Sứ mệnh của WWF là ngăn chặn sự xuống cấp môi trường tự nhiên của hành tinh chúng ta và xây dựng một tương lai trong đó con người sống hài hòa với thiên nhiên./p>/article>/body>

Demo

Thẻ trong HTML5

Thẻ được sử dụng cho phần cuối trang hoặc hoặc phần cuối của một thẻ.

Thông thường thẻ dùng để chứa thông tin về tác giả, thông tin bản quyền, liên kết kết tới điều khoản sử dụng, thông tin liên hệ, v.vv.

Bạn có thể sử dụng một vài thẻ trong một trang HTML.

123456789101112body>footer>p>Tác giả: Nguyễn Văn A/p>someoneexample.com/a>./p>/footer>/body>

Demo

Thẻ trong HTML5

Thẻ được sử dụng để chứa các liên kết điều hướng trong trang.

12345678910111213body>nav>a href=”/hoc-html/”>Học HTML/a> |a href=”/gioi-thieu-ve-html5/”>HTML5/a> |a href=”/canvas-trong-html5/”>Đồ họa HTML5/a> |a href=”/video-audio-trong-html/”>Multimedia trong HTML5/a>/nav>/body>

Demo

Thẻ trong HTML5

Thẻ được sử dụng để chứa những thông tin bên cạnh nội dung chính.

Nội dung bên trong thẻ nên liên quan tới nội dung chính.

12345678910111213body>p>Google có trụ sở tại Thung lũng Silicon./p>aside>h4>Thung lũng Silicon/h4>p>Thung lũng Silicon nằm ở phía Nam của vùng vịnh San Francisco tại phía Bắc California ở Mỹ./p>/aside>/body>

Demo

Thẻ và trong HTML5

Nếu bạn để ý, trong những cuốn sách hay truyện thường hay có ghi chú ở dưới các bức ảnh.

Mục đích của ghi chú này là giải thích rõ nghĩa thêm cho bức ảnh.

Trong HTML5, ảnh và ghi chú có thể được đặt cùng nhau bên trong thẻ :

12345678910111213body>p>Bãi biển Mỹ Khê có chiều dài 900m, thuộc vào loại nhộn nhịp nhất trong số các bãi tắm của Đà Nẵng. Tạp chí kinh tế Mỹ – Forbes đã bình chọn bãi biển Đà Nẵng là một trong sáu bãi biển quyến rũ nhất hành tinh vào năm 2005./p>figure>img src=”https://otworzumysl.com/wp-content/uploads/2015/10/bien-my-khe.jpg” alt=”Bãi biển Mỹ Khê, Đà Nẵng” width=”302″ height=”216″>figcaption>Bãi biển Mỹ Khê, Đà Nẵng nhìn từ trên cao./figcaption>/figure>/body>

Demo

Tại sao sử dụng thẻ có ý nghĩa trong HTML5?

Trong HTML4, các lập trình viên phải tự tạo tên class hoặc ID hay dùng để trang trí CSS như:

header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, …

Trong HTML5, những thẻ như: làm cho mọi chuyện trở nên dễ dàng hơn rất nhiều với cả lập trình viên và các công cụ tìm kiếm.

« Bài TrướcBài Tiếp »admin

« Bài TrướcBài Tiếp »

Tagged with: article aside figcaption figure footer header nav section Semantic Elements là gì

Cách Sử Dụng Thẻ Nav Trong Html Là Gì, Thẻ Trong Html5

Thẻ có ý nghĩa là gì?

Thẻ trong HTML5

Thẻ trong HTML5

Thẻ trong thẻ

Thẻ trong HTML5

Thẻ trong HTML5

Thẻ trong HTML5

Thẻ trong HTML5

Thẻ và trong HTML5

Tại sao sử dụng thẻ có ý nghĩa trong HTML5?

Leave a Reply Cancel reply

mtoplist