فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
مقدمه
سلام به همه پی وی لرنی های عزیز!
HTML5 از زمان عرضه تاکنون مورد استقبال گسترده ای قرار گرفته است.
گرچهHTML5 برخاسته از HTML است اما HTML5 که امروزه می شناسیم با HTML گذشته تفاوت زیادی دارد.
در این مقاله قصد داریم که به آشنایی با تفاوت های HTML5 و HTML بپردازیم.
آشنایی با تفاوت های HTML5 و HTML
به عنوان یک توسعه دهنده وب ، می توانید همچنان طرفدار HTML باشید.
اما نهایتاً سر و کارتان با HTML5 است!
پس چه بهتر که خودتان به سراغ یادگیری آن و شناخت تفاوت های آن با HTML بروید.
در ادامه آشنایی با تفاوت های HTML5 و HTML به برخی از عمده ترین تفاوت های HTML و HTM 5 اشاره شده است.
HTML5 یک زبان زنده است
اگر وارد دنیای HTM5 شوید متوجه می شوید که باید چندین به روزرسانی را انجام دهید.
خوبی HTML5 هم به همین است که تقریباً هر ساله ویژگی ها و عناصر جدیدی به آن اضافه می شوند و یا ویژگی ها و عناصر قبلی اصلاح می شوند.
این به روزرسانی های مداوم گرچه به نظر خوب اند اما تغییرات مدام هم چندان برای همه مورد پسند نیست.
HTML5 ساده تر است
گرچه HTML5 مدام به روز می شود اما یادگیری آن ساده است.
HTML5 سینتکس ساده تری به نسبت HTML4 دارد.
عنصر جدید <canvas>
HTML5 دارای تعدادی عنصر جدید است و یکی از این عنصر ها عنصر <canvas> است که در استفاده از Adobe Flash در وب سایت ها بسیار تأثیر گذاشته است.
برای آشنایی بیشتر با عنصر canvas می توانید از آموزش کار با تگ canvas در HTML دیدن کنید.
عناصر جدید <header> و <footer>
عناصر <header> و <footer> از دیگر عنصر جدید در HTML5 هستند.
اید دو عنصر در حقیقت آناتومی صفحات وب را تعیین می کنند و با کمک آن ها دیگر نیازی به شناسایی دو عنصر با تگ <div> نیست.
برای آشنایی بیشتر با این دو عنصر می توانید از آموزش کار با تگ footer در HTML و آموزش کار با تگ header در HTML دیدن کنید.
عناصر جدید <article> و <section>
حالا که با موارد جدیدی که در بالا اشاره شد آشنا شدید بیایید با عناصر <article> و <section> که عناصر جدید در HTML5 هستند نیز آشنا شویم.
عنصر <article> به همراه عنصر <section> به شما امکان می دهد بخش های خاصی از layout خود را علامت گذاری کنید و این امر برای بهینه سازی موتور جستجو بسیار سودمند است.
برای آشنایی بیشتر با این دو عنصر می توانید از آموزش کار با تگ article در HTML و آموزش کار با تگ section در HTML دیدن نمایید.
عناصر جدید <menu> و <figure>
عناصر جدید <menu> و <figure> جزئی از مشخصات عناصر تعاملی هستند اما جزء کمترین عناصر مورد استفاده توسعه کنندگان هستند.
نباید عنصر <menu> را با عنصر <nav> که به عنوان یک برچسب ناوبری HTML تعریف شده است اشتباه گرفت.
این عنصر به طور معمول شامل لینک هایی است که کاربران می توانند با کمک آن ها از یک صفحه به صفحه دیگر جا به جا شوند.
برای آشنایی بیشتر با عنصر figure می توانید از آموزش کار با تگ figure در HTML استفاده نمایید.
عناصر جدید <audio> و <video>
HTML5 اکنون دارای عناصر فرم و <forminput> است.
اگر قصد استفاده از جدول های زیادی را ندارید می توانید خصیصه های آن را حذف کرده و قبل از پرداختن به تغییرات جدید نگاهی به آن بی اندازید.
برای آشنایی بیشتر با این دو عنصر می توانید از آموزش کار با تگ audio در HTML و آموزش کار با تگ video در HTML استفاده کنید.
از رونق افتادن عناصر <b> و <font>
باید بدانید که دیگر عناصر <b> و <font> وجود ندارند و این بدان معناست که تمام خصیصه هایی که توسعه دهندگان از آن ها برای ساخت خطوط، ترازبندی ها، ارتفاع و … استفاده می کردند دیگر با HTML ساخته نمی شوند و برای ایجاد آن ها باید به سراغ CSS رفت.
برای آشنایی بیشتر با این دو عنصر می توانید از آموزش کار با تگ b در HTML و آموزش کار با تگ font در HTML استفاده کنید.
از رونق افتادن عناصر <frame> ، <center> و <big>
این شاید برای آن دسته از توسعه دهندگانی که از خصیصه های frameset و frame و noframes در اوایل HTML استفاده می کردند خبر خوبی باشد.
دیگر لازم نیست که آن ها به استفاده از tables ها برای layout بپردازند.
کلام آخر
در این مقاله به آشنایی با تفاوت های HTML5 و HTML پرداختیم.
HTML5 دارای یک سری تغییرات در تگ ها یا عناصر خود بوده است که در این مقاله سعی کردیم آن ها را پوشش دهیم.
امیدوارم این مقاله مفید بوده باشد.
با پی وی لرن همراه باشید.
