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

خدمات تخصصی

جستجو
این کادر جستجو را ببندید.
ویژگیها در 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) کارآفرینی فناوری، بنیانگذار و مدیر گروه بین‌المللی کسب و کار ساکوراد با بیش از ۲۰ سال تجربه بعنوان کوچ، مدرس، مشاور و منتور در حوزه‌های مختلف راه‌اندازی و توسعه کسب‌وکار در ۱۵ کشور جهان هستم. در تلاشم تا تجربیات ذی‌قیمت خود را با شما دوستان عزیزم به اشتراک گذارم.
پیشنهاد بر اساس سلیقه شما
تگ اسکریپت

تگ اسکریپت (Script)

تگ اسکریپت در HTML برای تعریف و اجرای کدهای اسکریپت، معمولاً JavaScript، استفاده می‌شود. این تگ به توسعه‌دهندگان این امکان را می‌دهد که کدهای اجرایی

ادامه مطلب »

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

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

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

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

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

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

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

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

کانال یوتیوب

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

کانال تلگرام

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

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

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

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

گام اول

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

گام دوم

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

گام سوم

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

گام چهارم

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

گام پنجم

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

گام ششم

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

گام هفتم

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