0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی 09133886881 احمدپور

تفاوت HTML5 با HTML4 و XHTML

نویسنده ویرایشگر سایت
امتیاز مطلب
تعداد بازدید 108
تاریخ بروزرسانی ۸ مرداد ۱۳۹۸

مقایسه HTML5 و HTML4

تفاوت HTML5 و HTML4

تفاوت HTML5 و HTML4

 

قبل از شروع بررسی تفاوت HTML5 و HTML4 و مقایسه این دو مورد، بد نیست بدانید HTML مخفف HyperText Markup Language و به معنی زبان نشانه گذاری ابرمتن می باشد. در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا با ویژگی های 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 است.

 

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

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

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

 

مطالب مرتبط
مطالعه :

ثبت نام ایران خودرو و ثبت نام سایپا یکی از پر درآمدترین کار های توافقی است که شما در این آموزش یادخواهید گرفت. با توجه به اینکه ثبت نام ایران خودرو تغییر یافته و همچنین ثبت نام سایپا به دو روش جدید انجام می گیرد در روش قدیم ثبت نام خودرو و روش جدید ثبت نام سایپا و ایرانخودرو با ما همراه باشید.

سئو سایت اصفهان
مطالعه : 20 دقیقه

سئو سایت اصفهان یکی از خدمات تیم طراحی سایت و سئو سایت وب یار می باشد. آیا تا کنون به سئو سایت خود فکر کرده اید؟ آیا می دانید برای بهینه سازی سایت خود چه فاکتورهایی را باید در نظر بگیرید؟

طراحی سایت حرفه ای در اصفهان
مطالعه :

در کلاس آموزش طراحی سایت اصفهان، طراحی وب سایت را به صورت عملی و پروژه محور به شما یاد خواهیم داد. طراحی سایت هم مثل هر تخصص دیگری باید به صورت عملی صورت گیرد تا بعداً بتوانید در بازار کار مشغول به فعالیت شوید.

تغییر پیش شماره های اصفهان
مطالعه :

تغییر پیش شماره اصفهان و شهرستان ها و دانلود لیست جدید طراحی سایت اصفهان و سئو سایت اصفهان وب یار با ارائه خدمات تخصصی به دنبال افزایش فروش و رونق کسب و کار مشتریان خود می باشد. شهرستان اردستان شهر اصفهان ​​ شهرستان آران و بیدگل ​​ شهرستان برخوار شهرستان نطنز​ توابع اصفهان​​​ شهرستان تیران و کرون​​ شهرستان چادگان شهرستان خمینی شهر​​ شهرستان خوانسار​​ شهرستان خورو بیابانک​​​ شهرستان دهاقان ​شهرستان سمیرم​​ شهرستان شاهین شهر و میمه​ شهرستان شهرضا​ شهرستان فریدن​ شهرستان فریدونشهر​ شهرستان فلاورجان​ شهرستان کاشان​ شهرستان گلپایگان شهرستان لنجان ​شهرستان مبارکه​ شهرستان نائین​ شهرستان نجف آباد برای تهیه لیست زیر بسیار وقت گذاشته شده و در یک فایل متن ساده و راحت آماده شده تا هر چه سریعتر کار اداری شما انجام گردد چون وقتتان خیلی با ارزش است طراحی سایت حرفه ای در اختیار داشتن یک سایت حرفه ای و حضور موثر در فضای مجازی و تجارت الکترونیک، از مهمترین ملزومات دنیای امروزی برای کسب درآمد عالی از این بستر جذاب است. تیم طراحی سایت اصفهان وب یار با ارائه سرویس های ویژه طراحی سایت ، سئو و اینترنت مارکتینگ این امکان را به شما می دهد که توسط طراحی سایت حرفه ای در میان برند مشاغل و شرکت های ملی و بین المللی، شناخته شده و به رقابت و کسب درآمد عالی بپردازید.   کلاس آموزش طراحی […]

آرایه ها در جاوا اسکریپت
مطالعه : 8 دقیقه

آرایه ها در جاوا اسکریپت جلسه هفتم     بعد از یادگیری انواع داده ها در جاوا اسکریپت نوبت به بحث آرایه ها میرسد که در این مطلب به توضیح موارد زیر که برای بحث آرایه ها در جاوا اسکریپت می باشد می پردازیم.   • آرایه چیست؟ • شکل کلی آرایه • نحوه ی دسترسی به آرایه • متدهای آرایه • متد ()length • متد()concat • متد ()join • متد ()pop • متد ()Push • متد ()splice • متد ()Slice   آرایه چیست؟ آرایه یک نوع خاص از متغیر ها است که با یک نام و نوع داده می توان چندین مقدار را در آن ذخیره کرد ، استفاده می شود. شکل کلی آرایه شکل کلی آرایه به صورت زیر می باشد که array-name نام آرایه است و item آیتم های آرایه می باشد. var array-name = [item1, item2, …]; می خواهیم آرایه ای برای فروشندگان تعریف کنیم که در هر جای دیگر احتیاج به مشخصات فروشندگان داشتیم نیازی به تکرار همه ی اطلاعات نداشته باشیم. در مثال زیر میبینید که نام آرایه shop می باشد ‎و محصولات با نام های مربوطه در قسمت item نوشته شدند. <p id=”demo”>pen,eraiser,ball</p> <script> var shop = [“pen”, “eraiser”, “ball”]; document.getElementById(“demo”).innerHTML = shop; </script> اولین خانه ی آرایه با محتوای والیبال پر می شود. می دانیم که خانه های آرایه از 0 شروع […]

فریم ورک های جاوا اسکریپت
مطالعه : 10 دقیقه

 Best Javascript Frameworks 2019   منظور از فریم ورک جاوا اسکریپت چیست؟ در دنیای برنامه نویسی و توسعه، عبارت « فریم ورک جاوا اسکریپت » به کتابخانه ای از جاوا اسکریپت اشاره می کند که رابط های کاربری تعاملی و داده محور ارائه می دهد. این فریم ورک ها به گونه ای طراحی شده اند که در هنگام ایجاد تعامل با استفاده از یک برنامه یا رابط، به تهیه داده برای کاربران کمک می کنند. فریم ورک های جاوا اسکریپت با یکدیگر متفاوت اند اما هدف نهایشان یکی است: نمایش داده های جدید به محض اینکه کاربر، یک اقدام تعاملی را آغاز می کند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا مروری بر ویژگی های محبوب چند مورد از فریم ورک های جاوا اسکریپت داشته باشیم.   خصوصیات فریم ورک های جاوا اسکریپت   1) موثر بودن: شما می توانید برنامه های موبایل، دسکتاپ و یا سایر رابط های کاربری سطح بالا را در مدت چند هفته و یا حتی چند روز بسازید! 2) امن بودن: همه فریم ورک های رایج و محبوب جاوا اسکریپت دارای تنظیمات امنیتی مطمئن هستند. طیف وسیعی از برنامه نویسان، تست کنندگان و کاربران نیز از این فریم ورک ها پشتیبانی می کنند. 3) کم هزینه بودن بیشتر فریم ورک های جاوا اسکریپت به صورت متن باز (open-source) و رایگان هستند که […]

دیدگاه ها

پاسخی بگذارید

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