I would like to put the entire book content (all the text, chapters etc.) into an HTML file.
Is there any semantic HTML element that I can use to wrap the text from the book?
Let's say for example that I want to make a website where someone can read copyright-free books. How should I manage the book content? Using the simple paragraph <p> or there is a more specific element? Does <article> fit these requirements?
Does the code below have a sense in a semantic way? Or there is a better way to do it.
<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>
Thank you for helping me out.
This is a matter of preference, but you can use the
<section>and<article>elements that come with HTML5.<section>and<article>are similar to each other. You can decide which one to use by:1- An article is intended to be independently distributed or reusable.
2- A section is a thematic grouping of content.