ehsan mohseni
ehsan mohseni
خواندن ۹ دقیقه·۲ سال پیش

HTML و انواع آن

به نام خدا

موضوع مقاله : انواع و تفاوت نسخه های HTML

تاریخ : 22/12/1401

محقق ها : مهرشاد اکبری – مهدی میرزایی – معین مظفری – احسان محسنی

سرفصل های مقاله :

  • 1- چی هست ؟ HTML
  • 2- چرا باید تفاوت های نسخه های HTML و بدونیم ؟
  • 3- انواع نسخه های HTML
  • 1- نسخه HTML 2.0
  • 2- نسخه HTML 3.2
  • 3- نسخه HTML 4.0.1
  • 4- نسخه HTML 5

1.چی هست ؟ HTML

html
html

زبان نشانه گذاری و اسکلت تمام سایت هایی که در سرتاسر دنیا به وجود میان بهش Hypertext markup language یا به صورت مخفف بهش HTML میگن که به صورت متمرکز روی front-end متمرکزه و برای نوشتن کد های UI یا user interface هم مورد استفاده قرار میگیره که اگه بخوام خودمانی اشاره کنم هرچیزی که شما در صفحه های وب میبینید و باهاش ارتباط برقرار میکنید مثل دکمه و... بهش میگن UI

مثلا این نمونه کد های html وبسایت ویرگوله

html code
html code





2- چرا باید تفاوت نسخه های مختلف html رو بدونیم ؟

HTML version
HTML version

تاحالا به این موضوع فکر کردید که ما چرا اول کد مینویسیم <doctype html> درسته یکی از علت های این کار اینه که سیستم ما اون داکیومنت رو به عنوان html بشناسه

اما یکی دیگه از علت هاش که بحث این مقاله درباره اونه اینه که مرورگر که صفحه مارو بالا میاره بدونه که باید اون رو به عنوان html چه نسخه ای بالا بیاره و وقتی ما کد خودمون رو به عنوان html پنج معرفی میکنیم ولی از html 4.0.1 استفاده میکنیم از نظر مرورگر به عنوان یک دروغگو شناخته میشیم و این موضوع تاثیر منفی روی امتیاز وبسایت ما داره

اینجاست که اهمیت دونستن تفاوت های نسخه های متفاوت HTML نمایان میشه موضوعی که حتی خیلی از وبسایت های مطرح هم بهش توجه نمیکنن.



3- انواع نسخه های html :

HTML Versions
HTML Versions

یک توضیح مختصر درباره تفاوت های همه نسخه ها داشته باشیم :

نسخه : 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
HTML 2.0

توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های html 2.0 وجود داره.

نسخه HTML 2.0 در سال 1995 منتشر شد و تا سال 1997 به عنوان استانداردی برای طراحی صفحات وب مورد استفاده قرار می‌گرفت.

این نسخه برای اولین بار بسیاری از ویژگی‌های اصلی HTML را تعریف کرد.

نسخه شماره 2.0 زبان HTML برای اولین بار از عناصر و ویژگی‌هایی مانند جدو‌ل‌ها و فرم‌ها پشتیبانی کرد.

طرز معرفی داکیمونت به سیستم به عنوان html در نسخه 2.0 :

<!DOCTYPE HTML PUBLIC &quot-//IETF//DTD HTML 2.0//EN&quot>




نسخه : HTML 3.2

HTML 3.2
HTML 3.2


توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های html 3.2 وجود داره.

دلیل بوجود اومدن html 3.2 این بود که هر مرورگری برای خودش تگ های اختصاری رو بوجود میاورد و این موضوع این نیاز همیشه حس میشد که باید استانداردی باشه از طرف htmlکه بتونه این تگ ها و این مرورگر هارو پشتیبانی کنه.پس برای همین برای درست کردن استاندارد جدید این زبان نسخه html 3.2 در اوایل سال 1997 توسط کنسرسیوم w3c نهایی شد.

این نسخه تفاوت های عمده ای با نسخه 2.0 دارد از جمله :

  • 1. ایجاد جداول
  • 2. پیشرفته تر شدن عناصر فرم ها
  • 3. استفاده از معادلات پیچیده ریاضی

طرز معرفی داکیمونت به سیستم به عنوان html در نسخه 3.2

<!DOCTYPE HTML PUBLIC &quot-//W3C//DTD HTML 3.2 Final//EN&quot>





نسخه : HTML 4.0.1

HTML 4.0.1
HTML 4.0.1


توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های 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حذف شده اند.

HTML 4 VS HTML 5
HTML 4 VS HTML 5



در نسخه4.0.1حجم کد نویسی‌ها زیاد بود و باعث می‌شد تا بارگذاری سایت‌ها با سرعت کمی انجام شود. در نسخه HTML5 با دستورات کوتاه‌تر، حجم کدها کاهش می‌یابد در نتیجه بارگذاری سایت‌ها سریع‌تر انجام می‌گیرد. بنابراین طراحی سایت‌ها به صورت بهینه‌تر انجام می‌شود. البته این گزینه برای کسانی که تنبل هستند و حوصله کدنویسی زیاد را ندارند خیلی عالیه. این افراد می‌توانند کدهای خیلی ساده، مختصر، مفید، با سرعت بالا و خلاصه بهینه را به راحتی بنویسند.

مدل جدول HTML 4.0از کارهای اولیه روی HTML+ و پیش نویس اولیه HTML3.0 رشد کرده است. مدل قبلی در پاسخ به درخواست های ارائه دهندگان اطلاعات برای کنترل بهتر بر ارائه اطلاعات جدولی گسترش یافته است:

  • 1.امکان تراز کردن بر روی کاراکترهای تعیین شده مانند "." و":"
  • (به عنوان مثال، تراز کردن ستونی از اعداد روی نقطه اعشار).
  • 2.توانایی پشتیبانی از جداول قابل پیمایش با هدرهای ثابت به علاوه پشتیبانی بهتر برای شکستن جداول در صفحات برای چاپ.
  • 3.نیاز به انعطاف بیشتر در تعیین چارچوب و قوانین جدول.
  • فرم های مشخص شده در HTML 3.2 مشکلات زیر را دارند که در نسخه جدید این مشکلات حل شده:
  • 4.هیچ شرطی برای میانبرهای صفحه کلید برای اقدامات خاص و غیره وجود ندارد.
  • 5.برچسب‌های دکمه‌های رادیویی و چک باکس‌ها حساس نیستند، به‌عنوان مثال، کلیک کردن روی متن برچسب روی وضعیت دکمه تأثیر نمی‌گذارد.
  • 6. در امتداد همان خط، کنترل‌های فرم، مانند فیلدهای فرم، را نمی‌توان «read only » کرد.
  • 7.هیچ راهی برای مشخص کردن مجموعه کاراکترهایی که سرور صادرکننده فرم می تواند انجام دهد وجود ندارد.
  • 8.فرم ها فقط می توانند شامل دو دکمه ارسال و بازنشانی باشند.
  • 9.زمانی که از کاربر خواسته می‌شود فایل‌ها را ارسال کند، چیزی برای مشخص کردن نوع فایل داده‌ای که انتظار می‌رود ارائه نشده باشد.


عناصر جدید در این نسخه از 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 :

HTML 5
HTML 5

توی این لینک تمام توضیحات نسبت به کد نویسی و تگ های 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>


شاد و خرم باشید.

html ٫کد نویسینسخه htmlfrontendبرنامه نویسی
چیزی که میخونم (IT) چیزی که میدونم (python) چیزی که دوستدارم بدونم (AI)
شاید از این پست‌ها خوشتان بیاید