ویژگی های HTML5

‫مقدمه‬
‫بزرگترین‬‫مزیت‬HTML5‫توسعه‬ ‫دوش‬ ‫از‬ ‫را‬ ‫بزرگی‬ ‫بار‬ ‫که‬‫جستجوگر‬ ‫که‬ ‫است‬ ‫این‬ ‫برداشته‬ ‫وب‬ ‫دهندگان‬‫متن‬ ‫از‬ ‫گوگل‬ ‫بویژه‬ ‫ها‬‫هاا‬
‫انیمیشن‬ ‫داخلی‬‫می‬ ‫پشتیبانی‬ ‫ها‬‫است‬ ‫موسیقی‬ ‫و‬ ‫صدا‬ ‫با‬ ‫همراه‬ ‫متحرک‬ ‫تصاویر‬ ‫و‬ ‫نوشته‬ ‫از‬ ‫همزمان‬ ‫استفاده‬ ‫معنی‬ ‫به‬ ‫این‬ ‫و‬ ‫کنند‬.
HTML5‫وب‬ ‫کدنویسی‬ ‫استانداردها‬ ‫بروزرسانی‬ ‫مقوله‬ ‫با‬)‫و‬ ‫سا‬ ‫باا‬ ‫کاه‬ ‫ننای‬ ‫گرافیکای‬ ‫ها‬ ‫سایت‬ ‫وب‬ ‫ساز‬ ‫فعال‬ ‫منظور‬ ‫به‬ ‫که‬
‫پذیرد‬‫می‬ ‫صورت‬ ‫تعامل‬ ‫باال‬(‫است‬ ‫ارتباط‬ ‫در‬.،‫مثال‬ ‫عنوان‬ ‫به‬HTML5‫کاد‬ ‫باه‬ ‫تاا‬ ‫دهاد‬‫می‬ ‫وب‬ ‫دهنادگان‬ ‫توساعه‬ ‫به‬ ‫را‬ ‫امکان‬ ‫این‬
‫کردنای‬ ‫رهاا‬ ‫و‬ ‫کشایدنی‬ ‫عناصر‬ ،‫بپردازند‬ ‫سایت‬ ‫در‬ ‫ویدئو‬ ‫مستقیم‬ ‫نویسی‬(Drag and Drop)‫و‬ ‫گرافیا‬ ‫و‬ ‫بننجانناد‬ ‫صافحه‬ ‫در‬ ‫را‬
‫دهد‬ ‫پاسخ‬ ‫کاربر‬ ‫اعمال‬ ‫به‬ ‫که‬ ‫کنند‬ ‫منتشر‬ ‫سایت‬ ‫وب‬ ‫در‬ ‫تصاویر‬.
Melyon

‫های‬ ‫ویژگی‬HTML5:
1-‫شکل‬‫منظم‬ ‫غیر‬ ‫های‬:‫کا‬ ‫االی‬ ‫در‬ ‫باود‬ ‫یل‬ ‫مسات‬ ‫داشات‬ ‫وجاود‬ ‫صفحه‬ ‫ها‬ ‫قسمت‬ ‫برا‬ ‫که‬ ‫شکلی‬ ‫تنها‬ ‫قبلی‬ ‫امکانات‬ ‫با‬‫در‬ ‫ه‬
HTML5‫نیست‬ ‫خبر‬ ‫ها‬ ‫محدودیت‬ ‫این‬ ‫از‬ ‫دینر‬.‫برد‬ ‫را‬ ‫استفاده‬ ‫بهترین‬ ‫صفحه‬ ‫گوشه‬ ‫هر‬ ‫از‬ ‫توان‬ ‫می‬.‫کا‬ ‫با‬ ‫توان‬ ‫می‬ ‫تی‬،‫نویسای‬ ‫د‬
‫داشت‬ ‫صفحه‬ ‫در‬ ‫باشد‬ ‫الزم‬ ‫که‬ ‫را‬ ‫هرچیز‬ ‫و‬ ‫نمودارها‬ ،‫تصاویر‬.
2-‫پخش‬‫مستقل‬ ‫صورت‬ ‫به‬ ‫ویدیو‬ ‫و‬ ‫صوت‬:‫از‬ ‫استفاده‬ ‫به‬ ‫لزومی‬ ‫دینر‬ ‫اینکه‬ ‫یعنی‬ ‫این‬Flash‫وجاود‬ ‫صادا‬ ‫و‬ ‫ویادئو‬ ‫پشاو‬ ‫بارا‬
‫ندارد‬.‫کار‬ ‫جلو‬ ‫و‬ ‫عقب‬ ‫نظیر‬ ‫هایی‬ ‫قابلیت‬ ‫تمام‬ ‫ال‬ ‫عین‬ ‫در‬ ‫و‬ ‫کرد‬ ‫استفاده‬ ‫اینکار‬ ‫برا‬ ‫کد‬ ‫خط‬ ‫ی‬ ‫از‬ ‫توان‬ ‫می‬ ‫تی‬ ‫را‬ ‫به‬‫ذخیاره‬ ،‫دن‬
‫و‬ ‫ویدیو‬…‫داشت‬ ‫اختیار‬ ‫در‬ ‫را‬.
Melyon

3-‫دسترسی‬‫ها‬ ‫دستگاه‬ ‫به‬:‫از‬ ‫استفاده‬ ‫با‬API‫کاه‬ ‫جغرافیایی‬ ‫موقعیت‬HTML5‫کناد‬ ‫مای‬ ‫ارائاه‬(Geolocation API)‫برناماه‬
‫کنند‬ ‫ارائه‬ ‫کاربر‬ ‫دستناه‬ ‫به‬ ‫نسبت‬ ‫تر‬ ‫آگاه‬ ‫و‬ ‫تر‬ ‫ننی‬ ‫ها‬ ‫ویژگی‬ ‫توانند‬ ‫می‬ ‫وب‬ ‫ها‬.
‫ج‬ ‫موقعیات‬ ،‫هاا‬ ‫داده‬ ‫ایان‬ ‫باه‬ ‫توجاه‬ ‫با‬ ‫و‬ ‫کند‬ ‫دریافت‬ ‫را‬ ‫کاربر‬ ‫مکانی‬ ‫موقعیت‬ ‫اطالعات‬ ‫تواند‬ ‫می‬ ‫نویس‬ ‫برنامه‬ ،‫کاربر‬ ‫اجازه‬ ‫با‬‫غرافیاایی‬
‫بدهد‬ ‫تاثیر‬ ‫دهد‬ ‫می‬ ‫ارائه‬ ‫او‬ ‫به‬ ‫صفحه‬ ‫در‬ ‫که‬ ‫اطالعاتی‬ ‫در‬ ‫را‬ ‫کاربر‬.‫از‬ ‫اساتفاده‬ ‫با‬ ‫تواند‬ ‫می‬ ‫نویس‬ ‫برنامه‬JavaScript‫هاا‬ ‫داده‬ ‫ایان‬ ‫باه‬
‫بیابد‬ ‫دسترسی‬.
4-‫تمرکز‬‫وب‬ ‫تحت‬ ‫های‬ ‫برنامه‬ ‫بر‬:‫بود‬ ‫خواهد‬ ‫آنالین‬ ‫ها‬ ‫برنامه‬ ‫ازآن‬ ‫آینده‬.HTML5‫برناماه‬ ‫یا‬ ‫کاه‬ ‫دهاد‬ ‫مای‬ ‫را‬ ‫امکان‬ ‫این‬
‫اب‬ ‫از‬ ‫استفاده‬ ‫بدون‬ ‫تا‬ ‫دهد‬ ‫می‬ ‫را‬ ‫فرصت‬ ‫این‬ ‫کاربران‬ ‫به‬ ‫و‬ ‫باشد‬ ‫سازگار‬ ‫سیستمی‬ ‫نوع‬ ‫هر‬ ‫با‬ ‫مشکلی‬ ‫هیچ‬ ‫بدون‬ ‫وب‬ ‫تحت‬‫از‬ ‫خاا‬ ‫زار‬
‫ببرند‬ ‫لذت‬ ‫برنامه‬ ‫ی‬.‫با‬HTML5‫ها‬ ‫سایت‬ ،‫انجمن‬ ،‫چت‬ ‫ابزارها‬ ‫میتوان‬drag-and-drop‫نوشت‬.
Melyon

5-‫مشخص‬‫محتوا‬ ‫نوع‬ ‫نمودن‬:‫ها‬ ‫ویژگی‬ ‫مهمترین‬ ‫از‬ ‫یکی‬HTML5‫جساتجو‬ ‫موتورهاا‬ ‫عرصاه‬ ‫در‬ ‫تحاولی‬ ‫تواناد‬‫می‬ ‫که‬ ‫است‬
‫باشد‬.‫جا‬ ‫هستند‬ ‫ثابت‬ ‫همیشه‬ ‫که‬ ‫سایت‬ ‫دینر‬ ‫ها‬‫قسمت‬ ‫از‬ ‫را‬ ‫ها‬ ‫آن‬ ،‫الب‬ ‫م‬ ‫دقیق‬ ‫مکان‬ ‫کردن‬ ‫مششص‬ ‫با‬ ‫که‬ ‫صورت‬ ‫این‬ ‫به‬‫کارده‬ ‫دا‬
‫شد‬ ‫جستجو‬ ‫موتورها‬ ‫برا‬ ‫محتوا‬ ‫صحیح‬ ‫بند‬‫دسته‬ ‫باعث‬ ‫و‬.
6-‫گرافیک‬‫جذاب‬ ‫های‬ ‫افکت‬ ‫و‬:‫زیااد‬ ‫محادودیت‬ ‫دچاار‬ ‫وب‬ ‫صفحات‬ ‫در‬ ‫بصر‬ ‫ها‬ ‫جلوه‬ ‫برا‬ ‫وب‬ ‫نویسان‬ ‫برنامه‬ ‫این‬ ‫از‬ ‫پیو‬
‫بودند‬.‫از‬ ‫نهایتا‬CSS‫اساتفاد‬ ‫باا‬ ‫اکناون‬ ‫ولای‬ ‫بردند‬ ‫می‬ ‫بهره‬ ‫خود‬ ‫مقاصد‬ ‫برا‬ ‫فلو‬ ‫نظیر‬ ‫هایی‬ ‫پالگین‬ ‫یا‬ ‫و‬ ‫اسکریپت‬ ‫جاوا‬ ،‫از‬ ‫ه‬SVG،
canvas،WebGL‫ها‬ ‫ویژگی‬ ‫و‬CSS3‫کرد‬ ‫زده‬ ‫شنفت‬ ‫بصر‬ ‫ها‬ ‫جلوه‬ ‫با‬ ‫را‬ ‫کاربران‬ ‫توان‬ ‫می‬.‫کاه‬ ‫صاورت‬ ‫این‬ ‫به‬«CSS3»‫باه‬
‫تگ‬ ‫از‬ ،‫پرداخته‬ ‫ها‬ ‫استایل‬ ‫و‬ ‫ها‬ ‫افکت‬ ‫از‬ ‫وسیعی‬ ‫بازه‬ ‫ارائه‬«Canvas»‫شاده‬ ‫اساتفاده‬ ‫وب‬ ‫صفحات‬ ‫در‬ ‫گرافیکی‬ ‫ها‬ ‫شکل‬ ‫رسم‬ ‫برا‬
‫و‬«SVG»‫که‬ ‫است‬ ‫وکتور‬ ‫گرافیکی‬ ‫فرمت‬ ‫ی‬ ‫نیز‬HTML5‫متنی‬ ‫درون‬ ‫صورت‬ ‫به‬ ‫آن‬ ‫از‬(InLine)‫کند‬ ‫می‬ ‫پشتیبانی‬.
Melyon

‫که‬ ‫هایی‬ ‫ویژگی‬‫آن‬ ‫به‬‫ها‬‫شوند‬ ‫می‬ ‫پشتیبانی‬ ‫زیر‬ ‫های‬ ‫تگ‬ ‫توسط‬ ‫شد‬ ‫اشاره‬:
‫کند‬ ‫می‬ ‫ایجاد‬ ‫صفحه‬ ‫برا‬ ‫عنوان‬ ‫ی‬ ‫تگ‬ ‫این‬. :article
‫شود‬ ‫می‬ ‫استفاده‬ ‫صفحه‬ ‫محتویات‬ ‫سایر‬ ‫از‬ ‫متن‬ ‫ی‬ ‫جداساز‬ ‫برا‬ ‫تگ‬ ‫این‬. :aside
:‫عکس‬ ‫دادن‬ ‫قرار‬ ‫برا‬ ‫را‬ ‫جدا‬ ‫فضا‬ ‫ی‬ ‫تگ‬ ‫این‬,‫نمودار‬...‫کند‬ ‫می‬ ‫ایجاد‬ ‫صفحه‬ ‫در‬. figure
:‫شود‬ ‫می‬ ‫استفاده‬ ‫صفحه‬ ‫رو‬ ‫بر‬ ‫ساعت‬ ‫یا‬ ‫تاریخ‬ ‫ی‬ ‫تعیین‬ ‫برا‬ ‫تگ‬ ‫این‬ ‫از‬. time
:‫شود‬ ‫می‬ ‫استفاده‬ ،‫صفحه‬ ‫در‬ ‫صوتی‬ ‫محتویات‬ ‫دادن‬ ‫قرار‬ ‫برا‬ ‫تگ‬ ‫این‬ ‫از‬. audio
:‫شود‬ ‫می‬ ‫استفاده‬ ،‫صفحه‬ ‫در‬ ‫ویدئو‬ ‫یا‬ ‫تصویر‬ ‫محتویات‬ ‫دادن‬ ‫قرار‬ ‫برا‬ ‫تگ‬ ‫این‬ ‫از‬. video
:‫کنترل‬ ‫برا‬ ،‫ها‬ ‫آیتم‬ ‫از‬ ‫لیستی‬ ‫تعیین‬ ‫جهت‬ ‫تگ‬ ‫این‬ ‫از‬‫شود‬ ‫می‬ ‫استفاده‬ ‫خروجی‬. datalist
:‫می‬ ‫استفاده‬ ‫آن‬ ‫محتویات‬ ‫گذار‬ ‫رمز‬ ‫و‬ ‫رمز‬ ‫کادر‬ ‫ی‬ ‫ایجاد‬ ‫برا‬ ‫تگ‬ ‫این‬ ‫از‬‫شود‬. keygen
Melyon

‫اما‬ ‫و‬WebGL‫ویژگی‬ ‫ترین‬ ‫مهم‬ ‫را‬ ‫آن‬ ‫توان‬ ‫می‬ ‫که‬HTML5‫ساخت‬ ‫به‬ ،‫دانست‬Application‫بادون‬ ،‫وب‬ ‫تحات‬ ‫بعاد‬ ‫ساه‬ ‫ها‬
‫و‬ ‫جاوا‬ ،‫پلیر‬ ‫فلو‬ ‫قبیل‬ ‫از‬ ‫ی‬ ‫واس‬ ‫گونه‬ ‫هیچ‬ ‫دخالت‬...‫پردازد‬ ‫می‬.‫تکنولوژ‬ ‫که‬ ‫این‬ ‫یعنی‬WebGL‫تبادیل‬ ‫افزار‬ ‫نرم‬ ‫به‬ ‫را‬ ‫مرورگر‬ ،
‫جاذاب‬ ‫موجاب‬ ‫بعاد‬ ‫ساه‬ ‫فضا‬ ‫ی‬ ‫ایجاد‬ ‫با‬ ‫و‬ ‫کند‬ ‫استفاده‬ ‫مستقیم‬ ‫صورت‬ ‫به‬ ‫سیستم‬ ‫افزار‬ ‫سشت‬ ‫از‬ ‫تواند‬ ‫می‬ ‫که‬ ‫کرده‬‫و‬ ‫لاذت‬ ،‫یت‬
‫گردد‬ ‫وب‬ ‫فضا‬ ‫بیشتر‬ ‫هرچه‬ ‫شدن‬ ‫بصر‬.‫پرداخت‬ ‫خواهیم‬ ‫جذاب‬ ‫ویژگی‬ ‫این‬ ‫معرفی‬ ‫به‬ ‫آتی‬ ‫روزها‬ ‫در‬ ‫که‬.
Melyon

ویژگی های HTML5

More Related Content

Similar to ویژگی های HTML5 (20)

ویژگی های HTML5