خانه / آموزش HTML / بخش چهل-مهاجرت HTML5
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۱۸ آذر ۱۳۹۷ تعداد بازدید : 3 بازدید بدون دیدگاه

بخش چهل-مهاجرت HTML5

قدم قبلی >< قدم بعدی

مهاجرت HTML5

در این آموزش html به مهاجرت HTML5 می پردازیم.

مهاجرت از HTML4 به HTML5

این فصل به طور کامل در مورد چگونگی مهاجرت از HTML4 به HTML5 است.

این فصل نشان می دهد که چگونه یک صفحه HTML4 را به یک صفحه HTML5 تبدیل کنید، بدون اینکه هیچ چیزی را از محتوا یا ساختار اولیه حذف کنید.

شما می توانید از XHTML به HTML5 مهاجرت کنید، با استفاده از دستور العمل مشابه.

یک صفحه HTML4 معمولی

به Doctype HTML5 تغییر دهید

doctype را تغییر دهید:

به doctype HTML5:

تغییر به کد گذاری HTML5

اطلاعات کدگذاری را تغییر دهید:

به کدگذاری HTML5:

افزودن HTML5Shiv

عناصر HTML5 جدید معنایی در تمام مرورگرهای مدرن پشتیبانی می شوند. علاوه بر این، شما می توانید “آموزش” مرورگر های قدیمی تر به عنوان “عناصر ناشناخته” اداره کند.

با این حال، IE8 و قبل از آن، امکان ظهور عناصر ناشناخته را نمی دهد. بنابراین، HTML5Shiv یک راه حل برای جاوا اسکریپت است تا سبکی از عناصر HTML5 را در نسخه های اینترنت اکسپلورر قبل از نسخه ۹ فعال کند.

افزودن HTML5Shiv:

تغییر به عناصر معنایی HTML5

CSS موجود حاوی شناسه ها و کلاس ها برای ظاهر شدن عناصر است:

جایگزینی با سبک CSS برابر برای عناصر معنایی HTML5:

در نهایت، عناصر را به عناصر معنایی HTML5 تغییر دهید:

تفاوت بین <article> <section> و <div>

تفاوت بین گیاهخواری (عدم) در استاندارد HTML5 بین <article> <section> و <div> وجود دارد.

در استاندارد HTML5، عنصر <section> به عنوان یک بلوک از عناصر مرتبط تعریف شده است.

عنصر <article> به عنوان یک بلوک کامل و مستقل از عناصر مرتبط تعریف شده است.

عنصر <div> به عنوان یک بلوک از عناصر کودک تعریف شده است.

چگونه می توان آنرا تفسیر کرد؟

در مثال بالا، ما <section> را به عنوان یک ظرف برای مرتبط <articles> استفاده کردیم.

اما، ما همچنین می توانیم <article> را به عنوان یک ظرف برای مقالات نیز استفاده کنیم.

در اینجا چند نمونه متفاوت وجود دارد:

 

گام قبلی >< گام بعدی
بخش چهل-مهاجرت HTML5
لطفا امتیاز بدهید

لینک کوتاه این مطلب: https://tiktheme.com/?p=12069


کانال تلگرام تیک تم

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *