Khi nào nên sử dụng phần tử PHẦN?


8

Tôi hơi bối rối bởi yếu tố HTML5 mới , <section>. Cách chính xác để sử dụng nó là gì?
Xem xét phác thảo này:

<article>
  <header>
    <h2>Title</h2>
    <p>Spiffy tagline</p>
  </header>
  <section>
    <p>My content! BLA BLA BLA YADDA YADDA</p>
    <p>Some more content!</b>
  </section>
</article>

Liệu nó có ý nghĩa?
Điều gì sẽ xảy ra nếu tôi có các bài viết nhỏ hơn, chỉ với một tiêu đề và một văn bản ngắn gọn? Nó sẽ là (về mặt ngữ nghĩa, thông thái, vv) để bỏ qua section?

Câu trả lời:


2

Nếu bạn không cần các phần (có bài viết nhỏ), bạn chỉ có thể sử dụng một <article>thực thể trống xung quanh nội dung của mình. Và khi bạn không, phần này có thể bao gồm các tiêu đề phụ và đoạn văn trong các phần đó.

Kiểm tra thông số kỹ thuật phần html5 .

Thí dụ:

<header>
  <h1>Blog Posts</h1>
</header>
<article>
  <header>
    <h1>Article Header</h1>
    <h2>My Awesome Stuff!</h2>
  </header>
  <p>My content! BLA BLA BLA YADDA YADDA</p>
  <p>Some more content!</b>
</article>
<article>
  <header>
    <h1>Article 2 Header</h1>
    <h2>More of My Awesome Stuff!</h2>
  </header>
  <section>
    <header>
      <h1>Getting started</h1>
    </header>
    <p>Getting started text</p>
  </section>
  <section>
    <header>
      <h1>Now you're underway</h1>
    </header>
    <p>Underway text</p>
  </section>
  <section>
    <header>
      <h1>Wrapping up</h1>
    </header>
    <p>Wrapping up text</p>
  </section>
</article>

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.