تفاوت HTML5 با HTML4 و XHTML

خانه » بلاگ » html » تفاوت HTML5 با HTML4 و XHTML

XHTML ترکیبی از HTML و XML است، در حالی که HTML5 نسخه ای از HTML است. XHTML الزامات تجزیه پذیری خود را دارد، در حالی که HTML نیازهای خاصی ندارد و از سیستم خود استفاده می کند. در XHTML، تمام تگ ها، اگر باز شوند، باید بسته شوند. HTML5 در این زمینه سختگیری کمتری دارد.

قبل از شروع بررسی تفاوت HTML5 و HTML4 و مقایسه این دو مورد، بد نیست بدانید HTML ترکیبی از زبان Hypertext و Markup است. ابرمتن پیوند بین صفحات وب را تعریف می کند. یک زبان نشانه گذاری برای تعریف سند متنی در تگ استفاده می شود که ساختار صفحات وب را تعریف می کند.در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا با ویژگی های HTML4 ، HTML5  و XHTML بیشتر آشنا شوید.

 

XHTML چه تفاوتی با HTML4 دارد؟

• HTML4 قدیمی ترین نسخه ی HTML است که هنوز هم مورد استفاده بعضی از مرورگرهاست. HTML4 در ابتدا توسط تیم برنرز لی (Tim Berners-Lee) در سال 1990 توسعه یافت.
• HTML4 دستور نحو بسیار آزادی دارد؛ مثلاً بستن تگ ها در اغلب موارد اختیاری است. برای نمونه تگ پاراگراف در HTML4 با شروع پاراگراف جدید به شکل اتوماتیک بسته می شود.
• این آزادی برای برنامه نویسان تازه کار عالی بود و HTML را سازگار کرده بود؛ اما به هرحال شاید شما بخواهید نتیجه خاصی را در همه مرورگرها به شکل یکسان ببینید ولی ممکن است تفاوت ساختاری مرورگرها در تفسیر HTML به گونه ای باشد که منظور شما را از کدی که به شکل آزاد نوشته اید به درستی متوجه نشوند.
• برای رفع مشکل یادشده، XHTML معرفی شد؛ XHTML مخفف eXtensible HTML و به معنی HTML قابل گسترش می باشد و در واقع گویش خاصی از XML (زبان نشانه گذاری تعمیم یافته) است.
• مهمترین تفاوت XHTML و HTML4 اینست که هر تگ به محض باز شدن باید بسته شود. همچنین محدودیت هایی برای اینکه کدام تگ ها را می توان به شکل تو در تو به کار برد وجود دارد. این محدودیت ها، منطقی و معقول هستند به گونه ای که بعید است حین کار با XHTML با مشکل مواجه شوید.
• با استفاده از XHTML ، مرورگرها هیچ مفروضاتی را در نظر نمی گیرند و به اشتباهات به خوبی رسیدگی می کنند. از این گذشته، همه تگ ها را به مانند HTML4 در نظر می گیرند. به همین خاطر است که اکثر برنامه نویسان حرفه ای وب از XHTML استفاده می کنند.

 

مقایسه HTML5 و HTML4

• HTML5 ورژن جدیدی از HTML است که همچنان در حال توسعه می باشد و نیز هر روز محبوب تر از دیروز می گردد.
• HTML5 قابلیت های مهمی را با خود به همراه آورده که دنیای وب این روزها را خصوصاً حین گشت و گذار در اینترنت با موبایل به شکل محسوسی متحول کرده است.
• HTML5 که توسط همه مرورگرهای به نام و رایج مانند Safari ، Opera ، FireFox ، Chrome و IE پشتیبانی می شود، بهترین ویژگی های HTML4 را به ارث برده و تعداد زیادی تگ جدید و کاربردی به آن افزوده است.

برای مشاهده تگ های HTML5 پیشنهاد می کنیم به سایت w3schools.com سری بزنید تا با سایر ویژگی های جدید آن بیشتر و بهتر آشنا شوید.

این مقاله مجال شرح همه ویژگی های HTML5 را ندارد اما بعضی از مفیدترین امکاناتش را در زیر لیست کرده ایم:

• ویدیو – به لطف HTML5 برنامه نویسان می توانند به طور مستقیم و بدون نیاز به استفاده از پلاگین ها، ویدیوها را درون صفحات وب قرار دهند. درحالی بهترین روش قرار دادن ویدیو در HTML4 ، استفاده از Flash بود.
• موقعیت جغرافیایی – ویژگی مهمی که در برنامه های موبایل بسیار مورد استفاده است، موقعیت جغرافیایی (لوکیشن) می باشد. این ویژگی، سایت یا برنامه شما را قادر به شناسایی موقعیت دقیق کاربر می کند؛ حال یا با استفاده از GPS یا از طریق IP و یا حتی از راه وای-فای و بلوتوث!
• بوم نقاشی (Canvas) – این ویژگی جدید به شما امکان می دهد به شکلی حرفه ای تر با اشکال گرافیکی و تصاویر مختلف کار کنید. مثلاً با استفاده از جاوا اسکریپت برای کشیدن اشکال گرافیکی در صفحه وب بهره می برد که جایگزین مناسبی برای Flash است.

تفاوت اصلی بین HTML4 و HTML5 چیست؟

تفاوت اصلی بین HTML 4 و HTML 5 این است که HTML 4 نسخه چهارم و قدیمی HTML با ویژگی ها و برچسب های کمتر است در حالی که HTML 5 پسوند HTML4 و نسخه پنجم HTML است که دارای ویژگی های جدید و ساده  و چندین ویژگی جدید است.

امیدواریم از خواندن این مقاله که در باره تفاوت HTML5 و HTML4 و XHTML بود، استفاده لازم را برده باشید و ما را از نظرات راه گشای خود بی نصب نگذارید!

برای آموزش های بیشتر html5 می توانید به مقاله اصول کد نویسی HTML5 مراجعه فرمایید.

به روز و پیروز باشید!