به کمک نیاز دارید؟

خدمات تخصصی

ویژگیها در HTML

ویژگیها در HTML

ویژگیها در HTML به شما این امکان را می‌دهند که اطلاعات اضافی درباره تگ‌ها و عناصر HTML ارائه دهید. این ویژگیها در HTML به طور معمول در داخل تگ‌های HTML قرار می‌گیرند و به شکل جفت‌های کلید-مقدار نوشته می‌شوند.
در ادامه، توضیحاتی درباره ویژگی‌ها و برخی از ویژگی‌های متداول آورده شده است.
ویژگی های عمومی (Global Attributes) در HTML  به شرح زیر میباشد.

  1. accesskey
  2. class
  3. contenteditable
  4. contextmenuelement
  5. dir
  6. draggable
  7. dropzone
  8. hidden
  9. id
  10. lang
  11. spellcheck
  12. style
  13. tabindex
  14. title
  15. translate
  16. Event Attributes

ویژگیهای رویداد در HTML
در این بخش از آموزش HTML ، انواع رویدادها در HTML را شرح میدهیم.

تمام عناصر در HTML میتوانند شامل رویدادهایی باشند. رویدادها مجموعه عمل هایی هستند که در صورت بروز یک اتفاق در صفحه ( مثل کلیک کردن بر روی یک عنصر ، دابل کلیک، فشردن دکمه خاص و … ) عکس العمل نشان داده و باعث اجرای دستور یا دستورات تعیین شده برای آن اتفاق خاص می شوند.

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

 ویژگی های رویداد در HTML به چند قسمت زیر تقسم میشوند:

  • رویدادهای پنجره در HTML
  • رویدادهای عناصر فرم در HTML
  • رویدادهای موس در HTML
  • رویدادهای صفحه کلید در HTML

در هر بخش به توضیح کامل در مورد این رویدادها میپردازیم.

 رویدادهای پنجره در HTMLرویدادهای پنجره در HTML فقط در عنصرهای body و frameset معتبر هستند .رویدادهای پنجره در HTML شامل رویدادهای زیر میشود: 

رویداد شرح
onafterprint رویدادی است که بعد از پرینت شدن سند اجرا می شود.
onbeforeprint رویدادی است که قبل از پرینت شدن سند اجرا می شود.
onbeforeunload رویدادی است که قبل از اجرای (load) سند اجرا می شود.
onerror   رویدادی است که هنگام وقوع ارور اجرا می شود.
onhaschange رویدادی است که زمانی که سند تغییر میکند  اجرا می شود.
onload   رویدادی است که در هنگام لود شدن ( بار گذاری ) صفحه اجرا می شود.
onmessage  رویدادی است که در هنگام اجرا شدن یک پیغام اجرا می شود .
onoffline   رویدادی است که در هنگام offline شدن سند اجرا می شود.
ononline رویدادی است که در هنگام online شدن سند اجرا می شود.
onpagehide رویدادی است که در هنگام مخفی شدن پنجره اجرا می شود.
onpageshow رویدادی است که در هنگام آشکار شدن پنجره اجرا می شود.
onpopstate رویدادی است که در هنگام تغییر کردن history ویندوز اجرا می شود.
onredo   رویدادی است که در هنگام از نو اجرا شدن سند اجرا می شود.
onresize   رویدادی است که در هنگام تغییر سایز پنجره اجرا می شود.
onstorage  رویدادی است که در هنگام به روز رسانی وب سایت اجرا می شود.
onundo   رویدادی است که در هنگام خنثی شدن  سند اجرا می شود.
onunload رویدادی است که در هنگام خارج شدن صفحه از حافظه ( بستن ) اجرا می شود.

 

رویدادهای عناصر فرم در HTMLرویدادهای عناصر فرم در HTML فقط در عنصرهای کنترلی فرمها کاربرد دارند .رویدادهای عناصر فرم در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onblur در هنگام از دست دادن فوکوس کنترل تحریک می شود .
onchange در هنگام تغییر وضعیت یک کنترل تحریک می شود . برای مثال در کنترل textbox در هنگام تغییر متن درون آن تحریک می شود .
oncontextmenu رویدادی است که منوی صفحه راه اندازی میشود اجرا می شود .
onfocus در هنگامی که کنترل فوکوس را به دست می آورد ، تحریک می شود .
onformchange رویدادی است که هنگام تغییر کردن صفحه اجرا می شود .
onforminput رویدادی است که در هنگام وارد کردن اطلاعات در فرم توسط کاربر اجرا می شود .
oninput رویدادی است که در هنگام وارد کردن اطلاعات در عنصر توسط کاربر اجرا می شود
oninvalid رویدادی است که در هنگام نامعتبر بودن عنصر اجرا می شود.
onselect در هنگام انتخاب کردن عنصر مورد نظر در فرم تحریک می شود .
onsubmit در هنگام فشردن دکمه submit فرم و ارسال اطلاعات کنترل های فرم تحریک می شود .

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

رویدادهای موس در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script و title کاربرد ندارد .رویدادهای موس در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onclick این رویداد در هنگام کلیک کردن بر روی عنصر مورد نظر تحریک می شود .
ondblclick این رویداد در هنگام دابل کلیک کردن بر روی عنصر مورد نظر تحریک می شود .
onmousedown این رویداد در هنگام فشردن دکمه موس بر روی عنصر مورد نظر تحریک می شود.
onmoouseover این رویداد در هنگام قرار گرفتن اشاره گر موس بر روی سطح عنصر مورد نظر تحریک می شود .
onmouseout این رویداد در هنگام خارج شدن اشاره گر موس از روی سطح عنصر مورد نظر تحریک می شود .
onmouseup این رویداد در هنگام رها کردن دکمه موس بر روی عنصر مورد نظر تحریک می شود .

 

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

رویدادهای صفحه کلید در HTML  در کنترل های base , br , frame , frameset , head , html iframe , meta , param , script , style و title کاربرد ندارد .

رویدادهای صفحه کلید در HTML شامل رویدادهای زیر میشود:

رویداد شرح
onkeydown رویدادی که در هنگام فشردن یک کلید بر روی عنصر مورد نظر فعال می شود .
onkeypress رویدادی که در هنگام فشردن و رها کردن یک کلید بر روی عنصر مورد نظر فعال می شود .
onkeyup رویدادی که در هنگام رها کردن یک کلید فشرده شده بر روی عنصر مورد نظر فعال می شود .

 

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!

 

و اما کلام آخر…

ویژگیها در HTML ابزارهای قدرتمندی هستند که به شما این امکان را می‌دهند تا عناصر HTML را سفارشی‌سازی کنید و اطلاعات اضافی درباره آن‌ها ارائه دهید. با استفاده صحیح از این ویژگی‌ها، می‌توانید صفحات وب خود را بهینه‌تر و کاربرپسندتر کنید.
تصویر دکتر علی قوامی
دکتر علی قوامی
دانش‌آموخته دکترای تخصصی (PhD) کارآفرینی فناوری، بنیانگذار و مدیر گروه بین‌المللی کسب و کار ساکوراد با بیش از ۲۰ سال تجربه بعنوان کوچ، مدرس، مشاور و منتور در حوزه‌های مختلف راه‌اندازی و توسعه کسب‌وکار در ۱۵ کشور جهان هستم. در تلاشم تا تجربیات ذی‌قیمت خود را با شما دوستان عزیزم به اشتراک گذارم.
پیشنهاد بر اساس سلیقه شما
دستور SELECT DISTINCT

دستور SELECT DISTINCT

دستور SELECT DISTINCT در SQL برای انتخاب مقادیر منحصر به فرد (غیر تکراری) از یک یا چند ستون در یک جدول استفاده می‌شود. این دستور به شما

ادامه مطلب »
علم سئو

علم سئو سایت

گاهی اوقات، هنگام سرچ در موتورهای جستجوگر مانند گوگل یا یاهو برای یک موضوع خاص، متوجه می‌شوید که برخی سایت‌ها در رتبه‌های بالاتری قرار دارند

ادامه مطلب »

مسیریابی تحصیلی - شغلی (آنلاین)

تست شغلی به آزمون روانشناسی گفته می شود که فرد با توجه به پاسخگویی به سوالات در انتها بهترین شغلی که می تواند در آن موفق باشد را معرفی می کند.

سئوالات و نظرات ارزشمند خود را با ما مطرح کنید

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

کلینیک مشاوره کسب و کار

ارائه‌ی خدمات کوچینگ، مشاوره و منتورینگ توسط برترین متخصصان جوان

هاست سنتر حرفه‌ای

طیف وسیعی از خدمات حرفه‌ای هاستینگ با تنوع و کیفیت کنترل شده

کانال یوتیوب

آموزش‌ها و نکات کلیدی ما را دنبال کنید

کانال تلگرام

اخبار و تخفیفات گروهی ما را دنبال کنید

صفحه اینستاگرام

آموزش‌ها و تخفیفات گروهی ما را دنبال کنید

راهنمای گام به گام تا دریافت مشاوره

گام اول

انتخاب حوزه تخصصی مدنظر

گام دوم

بررسی رزومه مشاوران مرتبط

گام سوم

انتخاب مشاور با تخصص مدنظر

گام چهارم

تکمیل فرم و ثبت درخواست

گام پنجم

پرداخت حق‌الزحمه مشاور

گام ششم

تماس با شما برای تعیین وقت

گام هفتم

برقراری ارتباط شما با مشاور

متأسفیم! فرم شما یافت نشد.