Thẻ Section trong HTML5

Trong các phiên bản HTML trước đây thì khi chia khu vực chúng ta chỉ có sử dụng thẻ DIV. Nhưng trong HTML5 đã bổ sung thêm thẻ section.

Section trong HTML5 là gì?

Thẻ section là một phần tử ngữ nghĩa. Điều này có nghĩa là nó cung cấp ý nghĩa cho cả tác nhân người dùng và con người về nội dung kèm theo — cụ thể là một phần của tài liệu. Nó là một yếu tố ngữ nghĩa chung chung, chính vì thế bạn nên sử dụng nó trong số các yếu tố chứa ngữ nghĩa khác như header, article, aside và nav.

html5-cau-truc
Cấu trúc một trang HTML5

Cách sử dụng thẻ Section trong HTML5

Để dùng <section> bạn hãy tham khảo ví dụ sau:

<header>
    <section>
        Phần Header
    </section>
</header>

<article>

    <section>
        Nội dung
    </section>
    
    <section>
        Nội dung
    </section>
    
</article>

Như ví dụ trên bạn sẽ thấy rằng section tạm hiểu là để phân chia khu vực. Mỗi phần trong website nên được chia ra để khi áp dụng mã CSS sẽ trở nên dễ dàng hơn. Không những thế nó sẽ giúp cho việc đọc code dễ hiểu hơn.

Với các trình duyệt hiện nay hầu hết đều hỗ trợ <section>. Vì thế các website được thiết kế bằng HTML5 ngày càng phổ biến và rộng rãi hơn.

Qua bài viết này bạn đã hiểu hơn về cách sử dụng của section. Mọi thắc mắc cần được giải đáp vui lòng bình luận bên dưới để được mình giải đáp nhé.

Related Posts

Cách sử dụng đường dẫn tương đối trong HTML

Cách sử dụng đường dẫn tương đối trong HTML

Trang web hiện đại thường bao gồm nhiều tài nguyên như hình ảnh, trang HTML khác, tệp tin CSS và JavaScript. Để liên kết và truy cập…

javascript

Cách gọi hàm JavaScript trong HTML

Hàm (Functions) trong JavaScript nếu không gọi đến nó sẽ không thực thi chức năng. Vì thế để thực hiện một nhiệm vụ nào đó ở trong…

Mẫu Form đăng nhập HTML và CSS đẹp mắt

Trong một số bài viết trên blog này mình đã chia sẻ về cách tạo một Form đăng nhập đơn giản. Nhưng để có một Form đẹp…

form-lien-he-4

Hướng dẫn tạo form liên hệ bằng HTML, CSS

Form liên hệ là một chức năng không thể thiếu cho blog, website. Thông qua Form độc giả, khách hàng có thể yêu cầu admin trợ giúp…

hoc-html1

Thẻ a trong HTML – Thẻ tạo link liên kết trong HTML

Một trong các thẻ thường được sử dụng khi xây dựng website bằng HTML đó là thẻ a. Nó có vai trò quan trọng đối với người…

Tổng hợp các thẻ cơ bản trong HTML

Các thẻ cơ bản trong HTML thường sử dụng

HTML là ngôn ngữ tạo khung xương cho trang web với cú pháp tương đối dễ dàng. Hầu như ai cũng có thể học HTML trong vài…