تالار گفتمان nCIS.ir

سلام دوستان
اگر بخواهیم صفحات قرآن را به یک صفحه ی HTML5 تبدیل کنیم چگونه باید از تگ های HTML استفاده کنیم که هم قواعد HTML5 را رعایت کنیم و هم قوانین مربوط به بهینه سازی برای موتور های جستجو را؟

توضیحات:
مبنای قرآن مورد نظر قرآن به خط عثمان طه می باشد. بنابراین:
1- هر صفحه از قرآن شامل یک یا چند آیه از قرآن است.
2- در هر صفحه ، ممکن است کل آیات مربوط به یک سوره باشد و یا ممکن است یک یا چند آیه مربوط به یک سوره و یک یا چند آیه ی دیگر مربوط به سوره یا سوره های بعدی باشد.

حال آیا ساختار زیر برای این منظور درست است؟ لطفا راهنمایی بفرمایید.

<header>
<h1>Site title</h1>
<form>Search in site content(No for quran content)</form>
</header>
<nav>
<ul>Site navigation(No for quran content)</ul>
</nav>
<aside>
<form>Navigate and search in quran content</form>
</aside>
<section id="Quran page">
<article><h1>Sura name</h1><p>Verse</p><P>Verse</p><P>Verse</p>...</article>
<article><h1>Sura name</h1><p>Verse</p><P>Verse</p><P>Verse</p>...</article>
<article><h1>Sura name</h1><p>Verse</p><P>Verse</p><P>Verse</p>...</article>
...
</section>
<footer>Footer</footer>

کدهاتون بهتره بصورت زیر باشه.

<header>
   <h1>Site title</h1>
   <form>Search in site content(No for quran content)</form>
</header>

<nav>
   <ul>Site navigation(No for quran content)</ul>
</nav>


<section id="Quran page">

   <asid>
       <form>Navigate and search in quran content</form>
   </asid>

   <article>
       <h1>Sura name</h1>
       <p>Verse ....</p>
   </article>

</section>

<footer>Footer</footer>

1- ممنونم ولی من توی اکثر منابع دیده ام که تگ asid را بیرون از section قرار میدن!
2- قسمت انتخاب نام سوره ، آیه ، صفحه و ... به صورت منوی جدای از متن نیست. داخل خود صفحه است. مثلا کاربر برای انتخاب صفحه باید روی شماره ی صفحه ، واقع در پایین صفحه کلیک کنه تا کادر انتخاب باز بشه و برای انتخاب نام سوره روی خود سوره در بالای صفحه.
حال برای این کار تگ های input یا select را در مکان های مختلف صفحه قرار میدم و با خصوصیت form آن ها را به تگ form درون تگ asid نسبت می دم. آیا این کار درسته؟ یعنی به این شکل:

<section id="Quran page">

  <aside>
      <form name="content"></form>
  </aside>

  <article>
      <select form="content"></select>
      <h1>Sura name</h1>
      <p>Verse ....</p>
      <input form="content" />
  </article>

</section>

1- قانون خاصی در این مورد وجود نداره، section ها یک بخش جدا رو ایجاد میکنن که میتونه داخلش تگ هایی مثل aside , article , header, footer و حتی section و... قرار بگیره.
در این مورد لینک زیر رو بخونید:
https://developer.mozilla.org/en-US/docs...s_in_HTML5

2- برای این مورد بهتره با جاوا اسکریپت کار کنید.