نوشته اصلی توسط
najvahost
ممنون
اما برای اینکه بهینه باشه + valid باشه شما می توانید تبدیل کنید؟
متاسفانه من وقت ندارم (درگیر امتحانا هستم)
ولی کاره خاصی نداره ها
خط اول html رو به این تبدیل کنید
توی تگ head باید یکسری تغییرات انجام بشه (بعضی از تگ ها خلاصه تر شده)
اگثر div های مادر رو به section تبدیل کنید.
div آی دی یا کلاسش header هست رو به header تبدیل کنید.
div آی دی یا کلاسش footer هست رو به footer تبدیل کنید.
div هایی که مربوط به مطالب سایت (پست ها) هست رو به article تبدیل کنید.
div که مربوط به لوگوی سایت هست و توش از h1,h2,h3,... استفاده شده رو به hgroup تغییر بدید.
div که مربوط به سایدبار هست رو هم می تونید از aside استفاده کنید.
و ...
بازم تاکید می کنم این مواردی که توی html5 هست، فقط اسم هاشون تغییر کرده وگرنه با تگ div تفاوت خاصی ندارن. علت اینکه از این تگ ها استفاده شده چندین علت داره که مهمترینشون برای نظم و مفهمومی شدن کدها هست. مثلا شما اگه به تگ header برخوردید متوجه می شید که محتوای داخل این تگ مربوط به هدر سایت هست و همچنین کار موتورهای جستجو رو مقداری راحت تر کرده.
در ضمن توی html5 همچنان می تونید از div استفاده کنید، پس نیازی نیست حتما از تگ های اختصاصی html5 استفاده کنید. کاربرد عملی div ها توی html5 موارد تگ های تو در تو هست.
مثلا تگ مادر section هست و داخل اون تگ article و بعد از اون برای داخل می تونید از div استفاده کنید. (هر چند می تونید تگ div رو هم به عنوان تگ مادر استفاده کنید) مثلا یک نمونه :
کد:
<section>
<article>
<header></header>
<div class="content"></div>
<footer></footer>
<article>
</section>
یا :
کد:
<div id="wrapper">
<section>
<article>
<header></header>
<div class="content"></div>
<footer></footer>
<article>
</section>
</div>
هر جا رو شک کردید که مجاز هستید از فلان تگ استفاده کنید یا نه، می تونید از سایت زیر کد رو چک کنید :
The W3C Markup Validation Service
پاسخ : تبدیل قالب html4 به html5
پاسخ با نقل قول