Ngữ nghĩa HTML5 - H1 hoặc H2 cho các tiêu đề NGHỆ THUẬT trong PHẦN

Theo hiểu biết của tôi (dựa trên chương này về Lặn vào HTML5: http://goo.gl/9zliD ) rằng nó có thể được coi là phù hợp về mặt ngữ nghĩa để sử dụng các thẻ H1 trong nhiều lĩnh vực của trang, như một phương pháp đặt tiêu đề quan trọng nhất cho nội dung cụ thể đó.

Nếu tôi đang sử dụng phương pháp này và tôi có một PHẦN mà tôi đã gán một nửa của 'Bài viết', tôi nên sử dụng H1 hoặc H2 để xác định tiêu đề cho BÀI VIẾT trong PHẦN đó? Điều này hơi khó hiểu với tôi vì tiêu đề bài viết là tiêu đề quan trọng nhất cho BÀI VIẾT của họ, nhưng cũng là 'trẻ em' của tiêu đề PHẦN.

Mã ví dụ:

<section class="article-list">
  <header>
    <h1>Articles</h1>
  </header>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="201-02-01">Today</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-31">Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-30">The Day Before Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>
</section>

Người hành hương không đơn độc trong việc tranh đấu này.

Theo HTML5 cho Nhà thiết kế web của Jeremy Keith , bạn có thể sử dụng nhiều <h1>s trong một tài liệu mà không làm hỏng bản tóm tắt tài liệu, miễn là chúng được lồng trong các thẻ phân đoạn ngữ nghĩa riêng biệt.

Trích dẫn trực tiếp từ Sách điện tử (mà tôi đã mua từ iBooks)

Cho đến nay, nội dung phân đoạn mới không mang lại cho chúng ta nhiều hơn những gì chúng ta có thể làm với các phiên bản HTML trước đây. Đây là kicker: Trong HTML5, mỗi phần nội dung phân đoạn có phác thảo độc lập riêng. Điều đó có nghĩa là bạn không cần phải theo dõi mức độ tiêu đề nào bạn nên sử dụng, bạn chỉ có thể bắt đầu từ h1 mỗi lần:

<h1>An Event Apart</h1> 
    <section>
        <header>
            <h1>Cities</h1>
        </header>
         <p>Join us in these cities in 2010.</p> 
        <section>
            <header>
                <h1>Seattle</h1>
            </header>
            <p>Follow the yellow brick road.</p> 
       </section>
        <section>
            <header>
                <h1>Boston</h1>
            </header>
            <p>That’s Beantown to its friends.</p> 
        </section> 
        <section>
             <header>
                   <h1>Minneapolis</h1>
             </header>
             <p>It's so <em>nice</em>.</p> 
         </section>
     </section> 
     <small>Accommodation not provided.</small>

(Mã mẫu cũng từ cuốn sách, trang 73)

Tôi có xu hướng đồng ý với cách giải thích của Mark Pilgrim . Nếu bạn đang bao quanh bài viết của mình bên trong một articleyếu tố, thì bạn có thể bắt đầu lại với h1tiêu đề cho bài viết.

Trong thông số HTML5, articles được coi là một phần độc lập, độc lập của trang. Bạn sẽ có thể ghép articlephần tử như vào một trang khác mà không cần định dạng lại các tiêu đề.

Nếu các tiêu đề bài viết phải là sự tiếp nối của hệ thống phân cấp tiêu đề tài liệu, thì khi bạn thả articletrực tiếp dưới bodythẻ, bạn cần phải đi đến h1, nhưng nếu bạn thả nó dưới các phần lồng nhau, bạn phải thay đổi nó thành h3/ h4/ h5/ v.v., tùy thuộc vào nơi bạn đặt nó.

Trong thực tế, bất cứ khi nào bạn tạo một cái mới sectionhoặc article, bạn nên quay lại h1, vì những điều sau đây là giống hệt nhau:

<article>
  <h1>Meta Data</h1>
    <h2>Data Warehousing</h2>
    <h2>On the Web</h2>
      <h3>Dublin Core</h3>
      <h3>XFN</h3>
      <h3>Microformats</h3>
      <h3>RDFa</h3>
</article>

và:

<article>
  <h1>Meta Data</h1>
  <section>
    <h1>Data Warehousing</h1>
  </section>
  <section>
    <h1>On the Web</h1>
    <section>
      <h1>Dublin Core</h1>
    </section>
    <section>
      <h1>XFN</h1>
    </section>
    <section>
      <h1>Microformats</h1>
    </section>
    <section>
      <h1>RDFa</h1>
    </section>
  </section>
</article>

Như một lưu ý phụ, nếu tiêu đề của bạn chỉ là một yếu tố tiêu đề (ví dụ h1) và không có gì khác, thì bạn không cần phải bọc nó trong một headeryếu tố.

Mặc dù tiêu đề bài viết của trang của bạn rất quan trọng, nhưng nhìn chung tiêu đề cấp cao nhất của trang sẽ xác định nội dung của trang. Đôi khi, đó là tên của bài viết và đôi khi, như bạn hiển thị là tiêu đề của một danh sách các bài báo.

<h1>My Very Interesting Articles</h1>

Nhóm này xác định toàn bộ trang là "bài viết thú vị". Sau đó, mỗi bài viết được liệt kê nhưng có một tiêu đề ít hơn.

Câu trả lời chính thức của w3schools về việc sử dụng thẻ tiêu đề trên một trang như sau: Tiêu đề H1 nên được sử dụng làm tiêu đề chính, tiếp theo là tiêu đề H2, sau đó là tiêu đề H3 ít quan trọng, v.v.