Section HTML là gì

1. Thẻ section trong HTML5 là gì?

Như mình đã giới thiệu ở trên, thẻ section trong HTML được giới thiệu trong phiên bnả HTMl5. Công dụng của nó là dùng để khai báo cho các vị trí trên giao diện của một trang web.

Nội dung chính Show

1. Thẻ section trong HTML5 là gì?
Thẻ <article>
Thẻ <section> trong HTML5
Sự khác nhau giữa HTML4.01 và HTML5
Cấu trúc
Trình duyệt hỗ trợ
Thiết bị hỗ trợ
Thuộc tính

Ví dụ bên sidebar, bạn có 3 blocks thì bạn có thể khai báo một section cho vị trí sidebar, bên trong sidebar khai báo thêm 3 vị trí nữa.

Thẻ <article>

article là phần tử để bao bọc nội dung độc lập, nó có thể là một bài post của diễn đàn, một bài viết của trang, một bài báo, một bình luận ... hoặc bất kỳ một nội dung độc lập nào.

Thẻ <article> trong HTML5 được dùng thay thế cho thẻ <div> của HTML4.

Phần tử <article> có thể chứa các <article> khác. Các <article> bên trong trình bày các nội dung liên quan đến <article> bên ngoài.

Thẻ <section> trong HTML5

Tag <section> định nghĩa một khu vực (vùng bao) trong văn bản HTML.

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01	HTML5
Không hỗ trợ	Đây là tag mới trong HTML5

Cấu trúc

Ví dụ

<section> <h2>Tiêu đề section</h2> <p>Nội dung section</p> </section>

Trình duyệt hỗ trợ

Yêu cầu phiên bản trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <section>:

Trình duyệt dành cho PC:

Tag <section> được hỗ trợ trong đa số các trình duyệt, tuy nhiên các trình duyệt IE6, IE7, IE8 muốn hiển thị đúng thì cần phải có thêm css và javascript hỗ trợ:

Css viết:

section { display: block; }

Javascript viết:

Đoạn javascript này sử dụng chung cho cả các tag: <section>, <article>, <hgroup>, <header>, <footer>, <nav>, <aside>, <figure>, <mark>, <time>, <ruby>, <rt>, <rp>

(function (){ var els = [ 'section', 'article', 'hgroup', 'header', 'footer', 'nav', 'aside', 'figure', 'mark', 'time', 'ruby', 'rt', 'rp' ]; for (var i=0; i<els.length; i++){ document.createElement(els[i]); } })();