Ý nghĩa thẻ header footer nav aside article section hgroup trong HTML5

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 22/9/18.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,048
    Đã được thích:
    82
    Điểm thành tích:
    48
    Trong SEO Code HTML khi sử dụng các thẻ HTML rất quan trọng, việc đánh dấu và khai báo đúng thẻ giúp các công cụ tìm kiếm tiếp cận nhanh hơn tới dữ liệu của bạn. Ý nghĩa thẻ header footer nav aside article section hgroup trong HTML5

    phan-biet-article-section-trong-html5.jpg

    Hôm nay mình hướng dẫn các bạn 1 số thẻ dữ liệu ý nghĩa và cách sử dụng như sau:

    headerThể hiện nội dung trên cùng .Thường là tiêu đề website , tiêu đề 1 nội dung
    footerThể hiện nội dung cuối cùng .Chân trang website , nội dung cuối của tài liệu
    navNơi chứa các link điều hướng website .Menu chính của website thường đặt trong thẻ này
    aside.Định nghĩa phần cố định,nội dung chính (menu dọc). Ta hiểu aside như là 1 phần ghi chú , phần nội dung phụ. Aside thường chứa nội dung bên ngoài nội dung chính (thường là phần sidebar)
    articleĐịnh nghĩa nội dung độc lập riêng biệt ,có thể chứa nhiều section và ngược lại
    sectionChứa một nội dung cụ thể của website
    hgroupĐịnh nghĩa một nhóm các tiêu đề.
    Bộ Layout cho HTML5

    layout-code-html5-chuan-seo.jpg
    layout-html5-1.jpg layout-html5-2.jpg layout-html5-3.jpg layout-html5-4.jpg layout-html5-5.jpg layout-html5-6.jpg
    layout-code-html5.jpg
    Xem thêm: https://www.w3.org/TR/2014/REC-html5-20141028/sections.html
    Và: https://www.semrush.com/blog/semantic-html5-guide/
     
    Cảm ơn đã xem bài:

    Ý nghĩa thẻ header footer nav aside article section hgroup trong HTML5

    Last edited by a moderator: 24/9/18
    seolagi, 22/9/18
    #1


Chủ để tương tự : nghĩa thẻ
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Ý nghĩa class*="" trong CSS HTML nghĩa là gì? 14/7/22
Ngôn ngữ lập trình CSS, HTML, HTML5 Counting Number Animation, Count Up trên themes Flatsome như thế nào? 11/6/23
Ngôn ngữ lập trình CSS, HTML, HTML5 Add thêm chatbox fanpage Facebook vào website mới nhất 2022 8/9/22
Ngôn ngữ lập trình CSS, HTML, HTML5 Đổi icon trước thẻ tag <li> của <ul thành đấu check v xanh CSS HTML như thế nào? 21/7/22
Ngôn ngữ lập trình CSS, HTML, HTML5 Tạo ảnh bìa thumbnail image cho video trong HTML5 như thế nào? 9/11/21