سلام
از دوستان کسی هست یه قالب html4 را به 5 تبدیل کنه؟
قالب در حال حاضر در ie 6 به بالا مشکلی در نمایش نداره که البته اطلاع دارم ie6 با html5 مشکل داره
در نتیجه قالب باید 100 valid باشه + اینکه تو مرورگر های ie7+ مشکل نداشته باشه
نمایش نسخه قابل چاپ
سلام
از دوستان کسی هست یه قالب html4 را به 5 تبدیل کنه؟
قالب در حال حاضر در ie 6 به بالا مشکلی در نمایش نداره که البته اطلاع دارم ie6 با html5 مشکل داره
در نتیجه قالب باید 100 valid باشه + اینکه تو مرورگر های ie7+ مشکل نداشته باشه
اگه می خوایی html5 توی ie6 هم درست نمایش داده بشه باید از این فایل HTML5 Shiv استفاده کنی
البته زیاد درگیر ie6 نشید (تقریبا منقرض شده و تعداد خیلی معدودی دارن استفاده می کنن)، روی ie7 به بعد کار کنید.
اگر هم می خوایی html5 رو یاد بگیری من این دو سایت رو معرفی می کنم :
HTML5 Introduction
https://developer.mozilla.org/en-US/...ide/HTML/HTML5
پ.ن: خودتون می تونید تبدیل کنید، چیزه زیاد خاصی نداره (عملا همون html4 هست فقط اسم تگ ها عوض شده و یکسری امکانات بهش اضافی شده مثل تگ canvas)
ممنون
اما برای اینکه بهینه باشه + valid باشه شما می توانید تبدیل کنید؟
متاسفانه من وقت ندارم (درگیر امتحانا هستم)نقل قول:
نوشته اصلی توسط najvahost
ولی کاره خاصی نداره ها
خط اول html رو به این تبدیل کنید
توی تگ head باید یکسری تغییرات انجام بشه (بعضی از تگ ها خلاصه تر شده)کد:<!DOCTYPE html>
اگثر 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