فهرست رویدادهای جدید HTML 5 همراه توضیحات

۸ دیدگاه
فهرست رویدادهای HTML5 همراه توضیحات

HTML 4 امکان استفاده از رویدادها برای ایجاد فعل و انفعال در مرورگرها را فراهم کرد.مثلا وقتی روی یک عنصر کلیک شد،یک کد جاوااسکریپت اجرا شود.در HTML 5 این کار به حد اعلا رسیده است و رویدادهای جدیدی مخصوصا برای مالتی مدیا ایجاد شده اند که بسیار کاربردی خواهند بود.با ما باشید تا این رویدادها را مرور کنیم.

در زیر می توانید لیست رویدادهای سراسری(global events) را که قابلیت استفاده در عناصر HTML 5 را دارند،مشاهده کنید.

نکته:مواردی که در ستون ۵ دارای علامت هستند،جدیدا در HTML5 اضافه شده اند

رویدادهای پنجره اصلی

رویدادهایی که می توانند به تگ (<body>) اعمال شوند:

تعرفه تبلیغات

مکان و نوع تبلیغ1 ماهه3 ماهه6 ماهه
A - بنر 468*60 بالای سایت100 هزارتومان90 هزارتومان80 هزارتومان
B - بنر 940*100 زیر منیو اصلی70 هزارتومان60 هزارتومان50 هزارتومان
C1 - بنر 300*100 سایدبار - بالا50 هزارتومان40 هزارتومان35 هزارتومان
C2 - بنر 300*250 سایدبار - بالا60 هزارتومان50 هزارتومان45 هزارتومان
D1 - بنر 300*100 سایدبار - پایین40 هزارتومان30 هزارتومان25 هزارتومان
D2 - بنر 300*250 سایدبار - پایین50 هزارتومان40 هزارتومان35 هزارتومان
لینک متنی 1 سطری سایدبار20 هزارتومان16 هزارتومان10 هزارتومان
لینک متنی 2 سطری سایدبار30 هزارتومان25 هزارتومان20 هزارتومان

رویدادهای فرم

رویدادهایی که در داخل فرم های HTML کاربرد دارند.گرچه می توان آنها را در اکثر عناصر HTML در خارج از فرم نیز مورد استفاده قرار داد ولی عمدتا در فرم ها از شان استفاده خواهیم کرد:

[table “3” not found /]

رویدادهای صفحه کلید

این رویدادها که مربوط به صفحه کلید هستند می توانند روی تمام عناصر HTML 5 اعمال شوند.

در همین رابطه :   اسکریپت های Material Design پیاده سازی شده با HTML / CSS

[table “4” not found /]

رویدادهای موس

رویدادهایی که به وسیله موس دوست داشتنی رخ می دهند و مثل قبلی روی همه عناصر قابلیت اعمال شدن دارند.

[table “5” not found /]

رویدادهای چند رسانه ای

این نوع که مفصل ترین بخش رویدادها هستند،در مورد مدیا که شامل ویدیو،صوت و تصویر می شود،کاربرد دارند.

در تمام عناصر HTML 5 قابلیت به کارگیری دارند ولی طبیعتا بیشتر در مورد عناصر مالتی مدیا مثل audio, embed, img, object, و video عینیت پیدا می کنند:

[table “6” not found /]

امیدوارم مورد استفاده تون قرار بگیره.

منبع

دسته بندی : HTML 5

8 نظر

  1. سلام سایت خیلی خوبی دارید اما کاش یه بخشی هم برای ما که تازه قدم اول در طراحی سایت را برداشته ایم اختصصاص میدادید

  2. سلام.

    این عکسی که گذاشتی هست. میدونی کدوم رو میگم؟ همین که مشته. روی مشتش نوشته HTML5. این چرا ۶ تا انگشت داره؟؟ 🙂

    1. سلام دوست عزیز

      باید به تیزبینی شما آفرین گفت.نمی دونم والا فکر کنم منظورش این بوده که html5 ناقص العضوه! یا چیز دیگری.نظر شما چیه؟

      موفقیت 🙂

  3. با سلام

    خیلی خوب بود؛ من به عنوان برنامه نویس خیلی استفاده کردم. بهتر بود برای موارد مهم یه مثال هم اضافه می کردید.

    1. سلام دوست عزیز
      خوشحالم که مورد استفاده شما قرار گرفته.اگر با ما همراه باشید،در آینده مثال های زیادی از HTML5 به صورت عملی داریم که تقدیم شما و دوستان خواهیم کرد.

      موفقیت 😉

دیدگاهتان را بنویسید

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