【问题标题】:Semantic HTML element for a book content?书籍内容的语义 HTML 元素?
【发布时间】:2022-01-06 12:34:01
【问题描述】:

我想将整本书的内容(所有文本、章节等)放入一个 HTML 文件中。

我可以使用任何语义 HTML 元素来包装书中的文本吗?

例如,假设我想创建一个网站,让人们可以阅读无版权的书籍。我应该如何管理图书内容?使用简单的段落<p> 还是有更具体的元素? <article> 是否符合这些要求?

下面的代码在语义上是否有意义?或者有更好的方法。

    <article>
        <header>
            <h1>BOOK TITLE</h1>
            <p>Story by AUTOHOR NAME</p>
        </header>
        <section>
            <h2>CHAPTER ONE</h2>
            <p>PART Of THE TEXT...</p>
            <p>PART Of THE TEXT...</p>
            <p>PART Of THE TEXT...</p>
        </section>
        <section>
            <h2>CHAPTER TWO</h2>
            <p>PART Of THE TEXT...</p>
            <p>PART Of THE TEXT...</p>
            <p>PART Of THE TEXT...</p>
        </section>
        <!-- more SECTION elements -->
    </article>

谢谢你帮助我。

【问题讨论】:

  • 从语义的角度来看,这段代码看起来很棒。
  • 同意@Sean。这在语义上是干净的,并且符合内容的模型。
  • 谢谢 Sean 和 Mike Hofer。

标签: html semantics semantic-markup semantic-html


【解决方案1】:

这是一个偏好问题,但您可以使用 HTML5 附带的 &lt;section&gt;&lt;article&gt; 元素。

&lt;section&gt;&lt;article&gt; 彼此相似。您可以通过以下方式决定使用哪一个:

1- 文章旨在独立分发或可重复使用。

2- 部分是内容的主题分组。

<section>
   <p>Stories</p>
   <section>
     <article>Story 1</article>
     <article>Story 2</article>
     <article>Story 3</article>
   </section>
</section>

【讨论】:

  • 感谢您的回答。我已经更新了这个问题,以更好地澄清它。如果您可以查看,请欣赏它。
  • “Stories”应该是标题,而不是段落。并且文章不应包含在边界部分元素中。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-11-09
  • 2012-12-15
  • 2020-08-26
  • 1970-01-01
相关资源
最近更新 更多