Hướng dẫn html5 example - ví dụ html5
|
HTML5 ra đời, với nhiều thẻ HTML (HTML tag) hơn so với phiên bản HTML4. Sử dụng các thẻ mới này giúp mang lại ý nghĩa ngữ nghĩa hơn cho các trang của bạn, đồng thời cho phép các chương trình máy tính, trình duyệt hiển rõ hơn về nội dung, cấu trúc của trang web của bạn. ra đời, với nhiều thẻ HTML (HTML tag) hơn so với phiên bản HTML4. Sử dụng các thẻ mới này giúp mang lại ý nghĩa ngữ nghĩa hơn cho các trang của bạn, đồng thời cho phép các chương trình máy tính, trình duyệt hiển rõ hơn về nội dung, cấu trúc của trang web của bạn. Show Trong bài viết này, vinasupport sẽ cố gắng giải thích cơ bản ý nghĩa của các thẻ HTML5 hay sử dụng trong việc xây dựng cấu trúc trang web hiện đại ngày nay. 1. Cấu trúc của trang web sử dụng HTML5Một trang web sử dụng HTML5 sẽ có cấu trúc trang web cơ bản giống như hình bên dưới:  Tương đương với đoạn mã HTML như sau:
vinasupport.com
2. Các thẻ HTML5 sử dụng để dàn trang.Thay vì sử dụng thẻ div để dàn trang, thì bây giờ ta sử dụng các thẻ HTML5 như header, nav, section… để dàn trang web.header, nav, section… để dàn trang web. 2.1. Thẻ HTML5Thẻ đại diện cho vùng chứa cho nội dung giới thiệu hoặc một tập hợp các liên kết điều hướng. Nó thường chứa các thông tin sau:
VD:
2.2. Thẻ HTML5 nav>Thẻ định nghĩa một tập hợp các liên kết điều hướng. Nó thường sử dụng để tạo ra các menu, hoặc danh sách các liên kết trên trang web. định nghĩa một tập hợp các liên kết điều hướng. Nó thường sử dụng để tạo ra các menu, hoặc danh sách các liên kết trên trang web. VD:: 2.3. Thẻ HTML5Thẻ chỉ định nội dung độc lập. Một bài viết nên có ý nghĩa riêng và có thể phân phối nó một cách độc lập với phần còn lại của trang web. Có thể sử dụng thẻ cho các nội dung sau đây:
VD:
2.4. Thẻ HTML5Thẻ định nghĩa các phần trong tài liệu, chẳng hạn như chương, tiêu đề, chân trang hoặc bất kỳ phần nào khác của tài liệu. định nghĩa các phần trong tài liệu, chẳng hạn như chương, tiêu đề, chân trang hoặc bất kỳ phần nào khác của tài liệu. VD:
2.5. Thẻ HTML5Thẻ định nghĩa một số nội dung ngoài nội dung được đặt trong đó. Nếu như các bạn từng code WordPress thì nó thường được sử dụng để tạo ra các sidebar. định nghĩa một số nội dung ngoài nội dung được đặt trong đó. Nếu như các bạn từng code WordPress thì nó thường được sử dụng để tạo ra các sidebar. VD: 2.6. Thẻ HTML5Thẻ xác định chân trang cho tài liệu hoặc thẻ . xác định chân trang cho tài liệu hoặc thẻ . Thẻ thường chứa các nội dung sau:
VD: 2.7. Thẻ HTML5Thẻ chỉ định nội dung chính của trang web. Nội dung bên trong thẻ phải là duy nhất cho trang web. chỉ định nội dung chính của trang web. Nội dung bên trong thẻ phải là duy nhất cho trang web. VD:
Nguồn: vinasupport.com |
