در این پست میخوام نحوه مهاجرت از html4 به html5 رو بدون از بین رفتن محتوا یا ساختار قبلیخدمتتون آموزش بدم
شاید فکر کنید که کار سختی در پیش دارید ولی اصلا این چنین نیست و شما خیلی راحت میتونید با تکنولوژی روز طراحی وب همگام شوید و به توصیه های کنسرسیوم جهانی وب عمل کنید پس این مطلب رو یاد بگیرید و در چند گام تمام فایل های اچ تی ام ال قبلی تون رو به html5 تبدیل کنید.
اولین گام : تغییر Doctype سند که اولین تگ html تون هست و در بالای سند نوشته میشه
پس عبارت زیر رو از سند html تون پاک کنید
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
بجاش عبارت زیر رو وارد کنید :
<!DOCTYPE html>
دومین گام : تغییر دادن اطلاعات Encoding صفحه
پس عبارت زیر رو از صفحه پاک کنید
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
بجاش عبارت زیر رو وارد کنید:
<meta charset="utf-8">
گام سوم : اضافه کردن فایل جاوااسکریپت HTML5Shiv.js
از اونجائیکه تمامی مرورگرهای جدید از عناصر معنایی HTML5 پشتیبانی می کنند و این تگها رو به درستی میشناسند ولی برای اطمینان خاطر و یاددان عناصر جدید HTML5 به مرورگرهای قدیمی از یک فایل جاوا اسکریپتی استفاده می کنیم که خودش تشخصی میده که اگه مرورگر نتونست این عناصر رو بشناسه این کتابخونه جاوا اسکریپتی وارد عمل میشه و به مرورگر کمک میکنه که بتونه بفهمه که اینها هم Element صفحه هستند
پس کدهای زیر رو هم به صفحه اضافه کنید :
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]-->
گام آخر : تغییر عناصر معمولی به عناصر معنایی HTML5
که میتونید استایل های داده شده به هر کدام از DIV ها رو بجای class و id همان نام تگ در نظر بگیرید.
امیدوارم مفید بوده باشه
اگه از این مقاله خوشتون اومد و این مقاله تونست به دانش برنامه نویسی شما اضافه کنه حتما مارو از بخش نظرات در پائین همین مطلب مطلع کنید .
موفق باشید
