معرفی HTML5 و ویژگی های جدید آن
121 صفحه فایل ورد
10000تومان
چکیده
تکنولوژی مورد استفاده در صفحات وب مبتنی بر HTML5 می‌باشد و این فناوری به گونه‌ای است که صفحه نمایش داده شده به وسیله آن‌ها دارای نمای مستقیم با سرور نبوده و این کار را برای برنامه‌نویسان که با صفحات دارای اطلاعات دائماً متغیر کار می‌کنند سخت کرده است. کوکی‌ها یک روش برای نگه‌داشتن و ذخیره داده‌ها به صورت لوکال برای یک وب سایت می‌باشد.
در HTML5 مقدار داده شما می‌تواند به صورت چشم گیری افزایش یابد و در لوکال ذخیره شود. ذخیره استاندارد جدید HTML5، اجازه ذخیره سازی مقدار عظیم از داده را می‌دهد. در عوض استفاده از بیس متن برای کوکی‌ها، ذخیره وب یک پایگاه داده لوکال می‌باشد و در داخل مرورگر وب قرار می‌گیرد.
سود اصلی این روش برای داشتن یک پایگاه داده در یک مرورگر وب است، شما می‌توانید برنامه‌ای را به صورت داده لوکال ذخیره و به اجرای برنامه ادامه دهید و همچنین زمانی که ارتباط با اینترنت قطع شده است می‌توان از داده استفاده کرد. این روش در سرویس‌های جیمیل و تقویم و مستندات گوگل در حال استفاده است.
فهرست مطالب
فصل اول مقدمه‌ای بر AJAX....................................................................................................................... 1
1-1مقدمه..............................................................................................................................................................................................................2
1-2 دنیای AJAX........................................................................................................................................................................................... 2
1-3 مکانیزم AJAX........................................................................................................................................................................................ 3
1-3-1 مقایسه برنامه‌های تحت وب سنتی و AJAX.............................................................................................................................. 3
1-3-2 مزایای AJAX.................................................................................................................................................................................... 4
فصل دوم وب................................................................................................................................................. 5
2-1 تاریخچه وب................................................................................................................................................................................................ 6
2-2 نقش آفرینان توسعه وب........................................................................................................................................................................... 6
2-3 نسل‌های وب:...............................................................................................................................................................................................7
2-4 دیدگاه‌های مطرح شده در مقایسه‌ی نسل‌های وب:............................................................................................................................7
2-4-1 دیدگاه اول: تولید محتوا.......................................................................................................................................................................7
2-4-2 دیدگاه دوم: ماهیت محتوا....................................................................................................................................................................7
2-4-3 دیدگاه سوم: ارتباطی.............................................................................................................................................................................8
2-4-4 دیدگاه چهارم: رابط کاربری.................................................................................................................................................................8
2-4-5 دیدگاه پنجم: تکنولوژی‌های غالب.....................................................................................................................................................9
فصل سوم مروری بر HTML5........................................................................................................................... 11
3-1 تاریخچه HTML5 :............................................................................................................................................................................ 12
3-2 HTML5 چیست؟............................................................................................................................................................................... 12
3-3 پدیدار شدن زبان HTML5:.............................................................................................................................................................. 13
3-4 قابلیت‌های :HTML5......................................................................................................................................................................... 15
فصل چهارم قابلیت‌های HTML5......................................................................................................................17
4-1 امکانات HTML5..................................................................................................................................................................................18
4-1-1 فضای آفلاین .....................................................................................................................................................................................18
4-1-2 اشکال غیر منظم:............................................................................................................................................................................... 18
4-1-3 پخش صوت و ویدیو به صورت مستقل:.........................................................................................................................................18
4-1-4 مکان یابی:.............................................................................................................................................................................................19
4-1-5 فرم‌های هوشمندتر.............................................................................................................................................................................19
4-1-6 تمرکز بر برنامه های تحت وب.........................................................................................................................................................19
4-2 مهم‌ترین دلایل برای عدم استفاده از فلش.........................................................................................................................................19
4-3 تفاوت‌ها با HTML4:............................................................................................................................................................................21
4-4 تغییرات HTML5.................................................................................................................................................................................21
4-5 ساختار کلی یک صفحه وب مبتنی بر HTML5...........................................................................................................................22
4-6 ساختار یک صفحه وب............................................................................................................................................................................24
4-7 سازگاری مرورگرها با HTML5.........................................................................................................................................................25
4-8HTML5 و طراحان وب و مرورگرها.................................................................................................................................................26
فصل پنجم استفاده از تگ‌ها.............................................................................................................................28
5-1 جدول تگ‌های HTML5:...................................................................................................................................................................29
5-2 معرفی تگ‌های کاربردی رسانه‌ای.........................................................................................................................................................35
5-2-1 تگ ویدئو..............................................................................................................................................................................................35
5-2-1-1 ویژگی Auto play.....................................................................................................................................................................36
5-2-1-2 ویژگی controls..........................................................................................................................................................................36
5-2-1-3 ویژگی height..............................................................................................................................................................................36
5-2-1-4 ویژگی loop...................................................................................................................................................................................36
5-2-1-5 ویژگی preload............................................................................................................................................................................36
5-2-1-6 ویژگی src.......................................................................................................................................................................................37
5-2-1-7 ویژگی width................................................................................................................................................................................37
5-2-2 تگ صدا..............................................................................................................................................................................37
5-2-3 تگ Canvas....................................................................................................................................................................39
5-3 استفاده از تگ‌ها بلوک بندی برای سازمان داده کد.........................................................................................................................41
5-3-1 استفاده از تگ SECTION...........................................................................................................................................................42
5-3-2 استفاده از تگ ARTICLE...........................................................................................................................................................43
5-3-3 استفاده از تگ‌های FOOTER و HEADER.......................................................................................................................44
5-3-4 استفاده از تگ ASIDE...................................................................................................................................................................47
5-3-5 استفاده از تگ DIALOG.............................................................................................................................................................48
5-3-6 استفاده از تگ FIGURE...............................................................................................................................................................50
5-3-7 استفاده از تگ NAV:......................................................................................................................................................................51
5-4 افزایش و تغییر در سطح متن................................................................................................................................................................52
5-5 استفاده از تگ MARK.......................................................................................................................................................................52
5-6 استفاده از تگ TIME..........................................................................................................................................................................53
5-7 استفاده از تگ METER....................................................................................................................................................................54
5-8 استفاده از تگ PROGRESS...........................................................................................................................................................55
5-9 استفاده از HTML5 برای ساختن آسان‌تر کد HTML:...........................................................................................................55
5-10 کار کردن با فرم HTML5 :.............................................................................................................................................................65
5-11 چه تغییری در فرم HTML2.0 روی داده است؟.......................................................................................................................65
5-11-1 انواع ورودی جدید در Html5.....................................................................................................................................................65
5-12 AUTOFOCUS:.............................................................................................................................................................................70
5-13 علامت گذاری ورودی با required:................................................................................................................................................70
5-14 استفاده از الحاقیه placeholder:...................................................................................................................................................71
فصل ششم عناصر فرم در HTML5..............................................................................................73
6-1 3 عنصر جدید در فرم..............................................................................................................................................................................74
6-2 پشتیبانی مرورگرها...................................................................................................................................................................................74
6-3 عنصر keygen........................................................................................................................................................................................75
6-4 عنصر output..........................................................................................................................................................................................76
فصل هفتم بررسی ویژگی‌های جدید در HTML5...................................................................................78
7-1 تعیین کردن نوع سند.............................................................................................................................................................................79
7-2 ساختن متن‌های قابل ویرایش..............................................................................................................................................................79
7-3 استفاده از HTML5 در Internet Explorer...........................................................................................................................80
7-4 صفت مورد نیاز برای فیلدها..................................................................................................................................................................81
7-5 صفت انتخاب اتوماتیک فیلدها..............................................................................................................................................................81
7-6 عبارات منظم.............................................................................................................................................................................................82
7-7 کنترل داده به وسیله HTML5.........................................................................................................................................................83
7-8 توسعه توسط عامل فرم HTML5.....................................................................................................................................................83
7-9 نمایش داده در HTML5.....................................................................................................................................................................84
7-10 ذخیره داده و استفاده در ذخیره سازی‌های داده در وب:.............................................................................................................85
7-11 چگونگی ذخیره داده به صورت لوکال؟.............................................................................................................................................87
7-12 چه چیزی در HTML5 پشتیبانی نمی‌شود؟..............................................................................................................................90
7-13 تگ‌های اصلاح شده..............................................................................................................................................................................91
7-14 ویژگی‌هایی که در HTML5 پشتیبانی نمی‌شوند.......................................................................................................................91
7-15 چگونه با کمک تگ HTML5 یک سایت جدید بسازیم؟........................................................................................................93
7-16 ساخت یک وب سایت با استفاده از تگ‌های قالب بندی............................................................................................................. 95
7-17 ساخت یک قالب برای وب سایت شما:..........................................................................................................................................95
7-18 سفارشی کردن تگ HEADER.....................................................................................................................................................98
7-19 استفاده از تگ NAVIGATION................................................................................................................................................99
7-20 استفاده از تگ SECTION........................................................................................................................................................100
7-21 سفارشی کردن تگ FOOTER...................................................................................................................................................103
فصل هشتم امنیت در HTML5..........................................................................................................................104
8-1 تدابیر امنیتی در HTML5...............................................................................................................................................................105
8-2 مروری بر امنیت HTML5...............................................................................................................................................................106
8-3 ویژگی‌ها و دنباله‌های (تگ‌های) جدید.............................................................................................................................................106
8-4 بررسی دقیق داده‌ها..............................................................................................................................................................................107
8-5 چک کردن منشأ....................................................................................................................................................................................108
8-6 تأیید داده‌ها.............................................................................................................................................................................................109
جمع‌بندی .......................................................................................................................................................................................................111
منابع .................................................................................................................................................................................................................112
فهرست اشکال
فصل چهارم
شکل 4-1 مشخص نمودن نوع محتوا در HTML5...............................................................................................................................23
فهرست جداول
فصل پنجم
جدول 5-1 تگ‌های 5 Html....................................................................................................................................................................35
جدول 5-2 ورودی‌های جدید......................................................................................................................................................................65
پروژه معرفی HTML5 و ویژگی های جدید آن