موضوع مقاله : انواع و تفاوت نسخه های HTML
تاریخ : 22/12/1401
محقق ها : مهرشاد اکبری – مهدی میرزایی – معین مظفری – احسان محسنی
سرفصل های مقاله :
زبان نشانه گذاری و اسکلت تمام سایت هایی که در سرتاسر دنیا به وجود میان بهش Hypertext markup language یا به صورت مخفف بهش HTML میگن که به صورت متمرکز روی front-end متمرکزه و برای نوشتن کد های UI یا user interface هم مورد استفاده قرار میگیره که اگه بخوام خودمانی اشاره کنم هرچیزی که شما در صفحه های وب میبینید و باهاش ارتباط برقرار میکنید مثل دکمه و... بهش میگن UI
مثلا این نمونه کد های html وبسایت ویرگوله
2- چرا باید تفاوت نسخه های مختلف html رو بدونیم ؟
تاحالا به این موضوع فکر کردید که ما چرا اول کد مینویسیم <doctype html> درسته یکی از علت های این کار اینه که سیستم ما اون داکیومنت رو به عنوان html بشناسه
اما یکی دیگه از علت هاش که بحث این مقاله درباره اونه اینه که مرورگر که صفحه مارو بالا میاره بدونه که باید اون رو به عنوان html چه نسخه ای بالا بیاره و وقتی ما کد خودمون رو به عنوان html پنج معرفی میکنیم ولی از html 4.0.1 استفاده میکنیم از نظر مرورگر به عنوان یک دروغگو شناخته میشیم و این موضوع تاثیر منفی روی امتیاز وبسایت ما داره
اینجاست که اهمیت دونستن تفاوت های نسخه های متفاوت HTML نمایان میشه موضوعی که حتی خیلی از وبسایت های مطرح هم بهش توجه نمیکنن.
یک توضیح مختصر درباره تفاوت های همه نسخه ها داشته باشیم :
نسخه : HTML 1.0که در سال 1992 منتشر شد. دارای قابلیت بسیار محدود و حدود 20 عنصر بود.
نسخه : HTML 2.0که در سال 1995 منتشر شد. شروع به ترکیب عناصر مربوط به توابع ریاضی کرد.
نسخه : HTML 3.2که در سال 1996 منتشر شد. طرح تابع ریاضی را به کلی کنار گذاشت و همپوشانی بین افزونه های اختصاصی مختلف را برطرف کرد.
نسخه : HTML 4.0که در سال 1997 منتشر شد. سه تغییر را ارائه داد که در تعداد عناصر منسوخ شده مجاز متفاوت بودند.
نسخه : HTML 4.01که در سال 1999 منتشر شد. تا حد زیادی مشابه 4.0 بود.
نسخه : HTML 5 که در سال 2014 منتشر شد. این نسخه پس از یک وقفه طولانی در به روز رسانی، به وجود آمد زیرا سازمان توسعه دهنده آن (W3C) بر زبان موازی دیگری به نام XHTML تمرکز کرده بود.
نسخه : HTML 5.1که در سال 2016 منتشر شد. با هدف تطبیق آسان تر انواع مختلف جاسازی رسانه با تگ های جدید.
نسخه: HTML 5.2 که در سال 2017 منتشر شد. هدف آن این بود که برای انسان و کامپیوتر به یک اندازه قابل درک باشد.
نسخه: HTML 5.3 هنوز منتشر نشده. W3C در حال همکاری با WHATWG در نسخه جدید است. این همکاری در سال 2019 آغاز شد.
توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های html 2.0 وجود داره.
نسخه HTML 2.0 در سال 1995 منتشر شد و تا سال 1997 به عنوان استانداردی برای طراحی صفحات وب مورد استفاده قرار میگرفت.
این نسخه برای اولین بار بسیاری از ویژگیهای اصلی HTML را تعریف کرد.
نسخه شماره 2.0 زبان HTML برای اولین بار از عناصر و ویژگیهایی مانند جدولها و فرمها پشتیبانی کرد.
طرز معرفی داکیمونت به سیستم به عنوان html در نسخه 2.0 :
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های html 3.2 وجود داره.
دلیل بوجود اومدن html 3.2 این بود که هر مرورگری برای خودش تگ های اختصاری رو بوجود میاورد و این موضوع این نیاز همیشه حس میشد که باید استانداردی باشه از طرف htmlکه بتونه این تگ ها و این مرورگر هارو پشتیبانی کنه.پس برای همین برای درست کردن استاندارد جدید این زبان نسخه html 3.2 در اوایل سال 1997 توسط کنسرسیوم w3c نهایی شد.
این نسخه تفاوت های عمده ای با نسخه 2.0 دارد از جمله :
طرز معرفی داکیمونت به سیستم به عنوان html در نسخه 3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های html 4.0.1 وجود داره.
نسخه HTML 4.0.1تکامل بزرگی از استانداردهای HTML بود و برای رفع برخی از مشکلاتی که در نسخههای قبلی به وجود آمده بود، توسعه داده شد.این نسخه توسط W3C در سال 1997 پیشنهاد شد و در سال 1998 به استاندارد رسمی تبدیل شد. در واقع این نسخه از StyleSheets ، اسکریپتها (Scripting) و فریمها(Frames) پشتیبانی میکند.
یکی از مهمترین ویژگی این نسخه، پشتیبانی از تمامی زبانهای از چپ به راست و برعکس میباشد. در نسخههای HTMLقبلی تنها امکان استفاده از زبانهای چپ به راست مانند انگلیسی فراهم شده بود اما نسخه 4.0.1 از زبانهای راست به چپ مانند فارسی و عربی نیز پشتیبانی میکند. یکی دیگر از امکانات این نسخه این است که میتوان صفحات پویایی را با استفاده از زبانهای اسکریپتی در صفحات HTML، ایجاد کرد. همچنین در این نسخه نیز میتوان از جداول برای سازماندهی اطلاعات بهره برد.
تفاوت اصلی بین HTML4.0.1و HTML5این است که HTML4.0.1دارای عناصر، برچسب ها و ویژگی های کمتری نسبت به HTML5است. HTML5نسخه اصلاح شده و اصلاح شده HTML4.0.1 را نشان می دهد و عناصر و ویژگی های اضافی را معرفی می کند. برخی از عناصر و ویژگی های HTML4.0.1به طور کامل از HTML5حذف شده اند.
در نسخه4.0.1حجم کد نویسیها زیاد بود و باعث میشد تا بارگذاری سایتها با سرعت کمی انجام شود. در نسخه HTML5 با دستورات کوتاهتر، حجم کدها کاهش مییابد در نتیجه بارگذاری سایتها سریعتر انجام میگیرد. بنابراین طراحی سایتها به صورت بهینهتر انجام میشود. البته این گزینه برای کسانی که تنبل هستند و حوصله کدنویسی زیاد را ندارند خیلی عالیه. این افراد میتوانند کدهای خیلی ساده، مختصر، مفید، با سرعت بالا و خلاصه بهینه را به راحتی بنویسند.
مدل جدول HTML 4.0از کارهای اولیه روی HTML+ و پیش نویس اولیه HTML3.0 رشد کرده است. مدل قبلی در پاسخ به درخواست های ارائه دهندگان اطلاعات برای کنترل بهتر بر ارائه اطلاعات جدولی گسترش یافته است:
عناصر جدید در این نسخه از HTML عبارتند از: Q، INS، DEL، ACRONYM، LEGEND، COLGROUP، BUTTON و FIELDSET.
عناصر زیر اکنون منسوخ شده اند: ISINDEX، APPLET، CENTER، FONT، BASEFONT، STRIKE، S، U، DIR و MENU.
عناصر زیر اکنون منسوخ شده اند: XMP، PLAINTEXT، و LISTING. برای همه آنها، به جای آن باید از عنصر PRE استفاده کنید.
طرز معرفی داکیومنت به سیستم به عنوان html در نسخه 4.0.1
!>DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های html 5 وجود داره.
جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد. پیشنویس اولیه آن در سال 2008 ارائه شد ولی تا 2011 تغییرات خاصی در آن اعمال نشده بود. در سال 2011 HTML5 بصورت رسمی منتشر شد و از آن روز مورد استفاده برنامه نویسان قرار گرفت ولی در ابتدا مرورگرهای کمی این زبان جدید را پشتیبانی میکردند. امروزه تمام مرورگرهای اصلی مانند کروم، سافاری، فایرفاکس و اینترنت اکسپلورر زبان کدنویسی HTML5 را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است.
نسخه HTML5 در حال حاضر با CSS3 همراه بوده و هنوز درحال توسعه و پیشرفت است، W3C در نظر دارد سال 2014 نسخه نهایی و کامل آن را عرضه کند ولی با توجه به امکانات و توانایی هایی که هر روز به آن افزوده میشود به نظر میرسد که میتوان آینده دورتر و بهتری برای آن متصور شد.
قابلیت ها و ویژگی های html5
ساختار ساده تر و سر راست تر عناصر که باعث می شود ساخت،طراحی سایت html5،تنظیم و عیب یابی آن ها آسان تر شود.
فراهم کردن عناصر استاندارد برای object های معمول و پیش پا افتاده که در نسخه قبلی نیاز به نصب افزونه های مختلف داشتند، مانند صدا . تصویر.
ادغام با رابط های کاربری برای کارکرد بهتر وب سایت های مدرن و وب سایت های موبایلی. به عنوان مثال فعال کردن قابلیت مکان یابی GPS در مرورگر که به شما مکان مشاهده موقعیت مکانی بازدیدکننده را می دهد.
HTML5 باعث بهبود سرعت،تسهیل در استفاده از وب می شود. به عنوان نمونه تجربه کار با سایت هایی چون YouTubeبسیار جالبتر می شود و شما برای کار با آن نیاز به آپدیت و افزونه های کمتری خواهید داشت. ضمن اینکه امنیت آن افزایش یافته و از سرعت بهتری برخوردار می شود
مزایای زبان HTML5
حذف افزونه هایی مانند FLASH برای امکانات رایجی که هر کسی بدان نیاز دارد، و فراهم کردن پشتیبانی از آیتم های مانند صدا و تصویر
کاهش نیاز به جاوا اسکریپت و کدهای اضافی با استفاده از المان های جدید
ایجاد سازگاری بین مرورگرها و دستگاه های مختلف
تمامی این کارها تا حد امکان بصورت پنهانی انجام شود
ارایه قابلیت Cross Platform : با این قابلیت مهم نیست که دستگاهی که از آن برای دیدن وب سایت ها استفاده می کنید یک گوشی تلفن همراه است یا کامپیوتر رومیزی ویا حتی یک تلویزیون هوشمند
امکانات پیشرفته در HTML5
پخش فایلهای صوتی و تصویری
مکان یابی محل بازدیدکنندگان
امکان کشیدن فایلها به داخل مرورگر برای آپلود آنها
پشتیبانی از مشاهده سایت های HTML بصورت آفلاین با استفاده از Application Cache
اجرای جاوا اسکریپت در پشت صحنه
فراهم کردن امکان برای سرور ها ها تا بتوانند صفحات مرورگر را که قبلا لود شده اند را آپدیت کنند،این امکان بسیار کارآمدتر از Ajax خواهد بود.
طرز معرفی داکیومنت به سیستم به عنوان html در نسخه 5
<!Doctype HTML>
شاد و خرم باشید.