خاصیت accesskey در HTML

  /  فرانت اند   /  HTML   /  خاصیت accesskey در HTML

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

مثال

در مثال زیر کاربر با کلیک برروی کلید های h یا s از صفحه کلید خود به صفحه مشخص شده در لینک ها هدایت می شود.

<a href="https://www.bubbleslearn.ir/html/" accesskey="h"><bdi>HTML آموزش</bdi></a><br>
<a href="https://www.bubbleslearn.ir/sql/" accesskey="s"><bdi>SQL آموزش</bdi></a>


تعریف و کاربرد

همانطور که در مثال بالا اشاره شد از خاصیت accesskey در HTML می توانیم با تعریف یکسری کلید های میانبر برروی عناصر دسترسی راحت تر و سریع تری به آن ها داشته باشیم.

مثلاً می توانیم مشخص کنیم که اگر کاربر روی دکمه h کلیک کرد ، یک عنصری از سند HTML ما انتخاب شود.

نکته: کلید های میانبر باید ارقام یا حروف باشند.

توجه: نحوه فراخوانی کلید های میانبر در مرورگر های مختلف متفاوت هست که در جدول زیر آنها را ذکر کرده ایم:

BrowserWindowsLinuxMac
Chrome[Alt] + accesskey[Alt] + accesskey[Control] + [Alt] + accesskey
Edge[Alt] + accesskeyN/A[Control] + [Alt] + accesskey
Internet Explorer[Alt] + accesskeyN/AN/A
Firefox[Alt] + [Shift] + accesskey[Alt] + [Shift] + accesskey[Control] + [Alt] + accesskey
SafariN/AN/A[Control] + [Alt] + accesskey
Opera 15+[Alt] + accesskey[Control] + [Alt] + accesskey

پشتیبانی مرورگر ها

خاصیت
accesskeyبلهبلهبلهبلهبله

نحوه استفاده

<element accesskey="character">

مقادیر خاصیت

مقدارتوضیحات
characterیک کاراکتر واحد که کلید میانبر را برای فعال کردن/تمرکز برروی یک عنصر مشخص می کند
5/5 - (1 امتیاز)

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر