۱)HTML5 را نباید به عنوان یک عنصر واحد در نظر گرفت
حق دارید بپرسید: چگونه استفاده از HTML 5 را آغاز کنم در صورتی که مرورگرهای قدیمی از آن پشتیبانی نمی کنند؟ اما این سوال به خودی خود گمراه کننده است. به این دلیل که HTML 5 یک عنصر واحد نیست. بلکه مجموعه ای از ویژگی های مجزا است. بنابراین نمی توان تشخیص داد که کدام مرورگر از HTML 5 پشتیبانی می کند. بلکه می توان تشخیص داد که کدام ویژگی ها در هر مرورگر پشتیبانی می شوند. مثل: canvas, video یا geolocation.
ممکن است شما به HTML به عنوان مجموعه ای از تگ ها فکر کنید. بله این یک قسمت مهم از HTML است؛ اما تمام آن نیست. بلکه HTML علاوه بر این مشخص می کند، که این تگ ها چگونه با جاوا اسکریپت تعامل داشته باشند. این تعامل از طریق DOM برقرار می شود. برای مثال HTML تنها تگ <video> را معرفی نمی کند بلکه یک DOM API متناظر نیز برای شیء video در DOM وجود دارد. برای مثال شما می توانید از طریق این API تشخیص دهید کدام فرمت ها پشتیبانی می شوند، یک ویدئو را play و pause کنید، صدای ویدئو را قطع کنید، پیگیری کنید که چه مقدار از ویدئو دانلود شده است و هر چیز دیگری که شما بتوانید از طریق تگ <video> یک تجربه کاربری خوب ایجاد کنید.
۲) نیازی نیست که همه چیز را دور بریزید
دوست داشته باشید یا نه، نمی توانید انکار کنید که HTML 4 تا
کنون بهترین قالب نشانه گذاری بوده است. HTML 5 نیز بر پایه همین موفقیت بنا شده است. نیازی نیست که نشانه گذاری های
موجودتان را دور بریزید. نیازی نیست که چیزهایی را که تا امروز یاد گرفته اید دوباره یاد بگیرید. اگر برنامه وبی شما تا
دیروز برپایه HTML 4 کار می کرده، امروز نیز برپایه HTML 5 کار می کند. اگر شما قصد ارتقا برنامه وبی خود را دارید، جای
درستی آمده اید. برای مثال: HTML 5 تمام کنترل های فرم HTML 4 را پشتیبانی می کند، با این وجود کنترل های ورودی جدیدی
نیز دارد. بعضی از این کنترل ها کاملا جدید هستند مثل اسلایدر و انتخابگر تاریخ (DatePicker)؛ بعضی نیز نامحسوس هستند.
برای مثال: email input که شبیه text box هست ولی مرورگرهای موبایل هنگام برخورد با این کنترل صفحه کلید را به صورتی
تغییر می دهند که ورود آدرس ایمیل راحت تر شود. مرورگرهایی که از این کنترل پشتیبانی نمی کنند با آن مثل یک فیلد
متنی برخورد می کنند و فرم نیز بدون هیچ تغییری کار میکند. این به این معنی است که شما می توانید به توسعه فرم های وبی
خود بپردازید حتی اگر بعضی از کاربران شما از IE 6 استفاده می کنند.
۳) شروع کار با HTML 5 آسان است
ارتقا به HTML 5 می تواند به آسانی تغییر doctype باشد. هر سند HTML باید با
doctype شروع شود. نسخه قبلی HTML تعداد زیادی
doctype تعریف کرده بود و انتخاب درسترین آن ها کار سختی بود. در HTML 5 تنها یک doctype وجود دارد:
<!DOCTYPE html>
ارتقا به HTML 5 doctype، نشانه گذاری فعلی شما را ناکارامد نمی کند، به این خاطر که تمامی المان ها و ویژگی های HTML 4
در HTML 5 نیز کار می کنند(هرچند که تعدادی از آن ها منسوخ شده اند). اما این ارتقا به شما اجازه می دهد که از المان های مفهومی جدید مثل: header ,footer ,article استفاده کنید.
۴) HTML 5 بسیار انعطاف پذیر است
قواعد نحوی (HTML 5 (syntax نسبت به XHTML بسیار منعطف است. شما می توانید تگ ها را با حروف بزرگ، حروف کوچک یا ترکیبی از این دو بنویسید.
<IMG SRC=webtml.jpg> <img src=webtml.jpg> <iMg SrC=webtml.jpg>
بستن عناصر خالی (void elements) اختیاری است. به این معنی که شما می توانید علامت / را در عناصر خالی حذف کنید.
<img src="webtml.jpg" /> <img src="webtml.jpg"> <br/> <br>
تا زمانی که مقادیر خصوصیات تگ، حاوی مقادیر محدود شده (>، =، فاصله و …) نباشد، شما می توانید مقادیر را بدون استفاده از کوتیشن مارک (” “) درج کنید.
<img src="webtml.jpg"> <img src=webtml.jpg>
سلام
مقدمه خوبی جهت ورود به مبحث ارائه نمودید ممنون و سپاسگزاریم.
سلام
ممنون از لطفتون، پیگیری شما باعث دلگرمی ما میشه.