Câu hỏi ngữ nghĩa cấu trúc thẻ Bootstrap và HTML5

Question

Tôi đang mã hóa trang web bằng cách sử dụng bootstrap và html5 boilerplate với nhau và tôi đang cố gắng cấu trúc nó theo cách hợp lệ nhất có thể.

vì vậy trang của tôi khá đơn giản, bao gồm tiêu đề, phần có hai cột và chân trang.

Tôi tự hỏi cách nào dưới đây là cách tốt nhất để cấu trúc mọi thứ ngữ nghĩa, ví dụ như phần và chân trang của trang.

<div class="row"> 
    <section> 
     .... 
    </section> 
<div class="row"> 
    <footer> 
    .... 
    </footer> 
</div> 



<section> 
    <div class="row"> 
    ... 
    </div> 
</section> 
<footer> 
    <div class="row"> 
    .... 
    </div> 
</footer> 


<section class="row"> 
    ... 
</section> 
<footer class="row"> 
    ... 
</footer> 

Answer 1

cuối cùng một:

<section class="row"> 
    ... 
</section> 
<footer class="row"> 
    ... 
</footer> 

Các row lớp là presentational.

Answer 2

Sử dụng các thẻ <article> cho nội dung chính. Nếu cả hai cột đều chứa nội dung bài viết, thì bạn có thể sử dụng <section> s để tách các cột.

<article> 
    <section id="part-1"> 
    <header class="section-header">...</header> 
    ... 
    </section> 
    <section id="part-2"> 
    <header class="section-header">...</header> 
    ... 
    </section> 
</article> 
<footer id="main-footer"> 
    ... 
</footer> 

Sau đó, thêm số lượng <div> s khi bạn cần làm móc cho CSS.

Không sử dụng tên lớp đề cập đến hiển thị trực quan cụ thể, chẳng hạn như "hàng". Thay vào đó, hãy sử dụng các lớp (và ID) tham chiếu đến nội dung, chẳng hạn như "part-1" và "main-footer".