2011-12-14 23 views
7

Cho phép và Ok sử dụng nhiều <header> và trong HTML 5, nếu có thì không phải là ngữ nghĩa sai và sẽ gây nhầm lẫn cho người dùng trình đọc màn hình?Nhiều <header> và <footer> trong tài liệu HTML5

Tôi thấy nhiều trang web sử dụng như

<body class="home"> 
    <header class="hd1"> 
     <hgroup> 
     <h1>HTML5 Documnet</h1> 
     <h2>tagline</h2> 
     </hgroup> 
    </header><!-- .hd1 --> 
    <div class="main"> 
     <section class="hs1"> 
      <header> 
      <h1>This is a Page Sub Title</h1> 
      </header> 

      <p>Some content...</p> 
      <h2>Demonstrating EM and STRONG</h2> 

      <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>   

      <footer> 
      <p>Author: <cite>Louis Lazaris</cite></p> 
      </footer> 

     </section> 
    </div><!-- .main --> 
    <footer class="f1"> 
    <p>copyright &copy; year</p> 
    </footer><!-- .f1 --> 

</body> 

Trả lời

7

Có, nhiều <header><footer> yếu tố này là tốt. Chúng không được sử dụng giống như <div id="header"> vì hầu hết mọi người sử dụng chúng. Về mặt kỹ thuật, đầu trang và chân trang đại diện cho đầu trang và chân trang của một phần. Một phần là một phần của trang như một bài viết mà có chứa các thẻ tiêu đề như <h1> và sau đó nội dung, sau đó chân trang công cụ như bản quyền, trích dẫn, tài liệu tham khảo vv

Từ ngựa miệng:

Một phần tử tiêu đề thường có chứa tiêu đề của phần (phần tử h1 – h6 hoặc phần tử nhóm), nhưng điều này không bắt buộc. Phần tử tiêu đề cũng có thể được sử dụng để bọc mục lục của một phần, biểu mẫu tìm kiếm hoặc bất kỳ biểu trưng có liên quan nào.

Yếu tố chân đại diện cho một chân trang cho tổ tiên gần nhất sectioning nội dung hoặc sectioning phần tử gốc. Chân trang thường là chứa thông tin về phần của nó, chẳng hạn như người đã viết, liên kết tới tài liệu có liên quan, dữ liệu bản quyền và các nội dung tương tự.

Trực tiếp từ spec tại địa chỉ: http://dev.w3.org/html5/spec/Overview.html

Lưu ý rằng như tôi đã nói chúng không được sử dụng để tạo ra các phần như người đã làm với <div id="header/footer"> nó đề cập đến sự nhầm lẫn này trong spec:

Các chân phần tử không phải là phần nội dung; nó không giới thiệu một phần mới .

Vì vậy, một lần nữa, "kỹ thuật" nói, rằng cuối cùng chân bạn đã có giới thiệu một phần mới và không phải là ngữ nghĩa. Từ quan điểm của spec xem anyways.

Các vấn đề liên quan