آموزش تگ kbd در HTML
آموزش تگ kbd در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ kbd در HTML به صورت کامل آشنا بشید.
تگ kbd در HTML
تگ kbd مخفف شده عبارت Keyboard Input می باشد. این تگ تگی است که در دسته ی تگ های عبارتی یا Phrase قرار دارد. با استفاده از این تگ میتوانیم یک ورودی صفحه کلید یا Keyboard Input را در یک صفحه وب قرار دهیم.
به احتمال زیاد معنا و مفهوم اینکه کیبورد اینپوت ذهنتان را درگیر کرده باشد… برای درک مفهومی تر بهتر است بدانید. هدف اصلی این تگ این است که مرورگرها و موتورهای جستجوگر همچون گوگل بتوانند محتوای درون یک صفحه وب را درک و تحلیل کنند. این موضوع بدین معنی است که این تگ فقط برای مرورگرها و موتورهای جستجوگر کاربرد دارد.
نه تنها تگ kbd ، بلکه تمامی تگ های زبان HTML برای این هستند که موتورهای جستجوگر و مرورگرها بتوانند محتوای یک صفحه ی وب را کاملا درک کنند و بدانند منظور شما از قرار دادن این محتوا چیست. فرض کنید در داخل تگ kbd یک متن کاملا بی ربط قرار دهید. با اینکه مرورگر این متن را نمایش خواهد داد اما نمیتوانند منظور شما را از قرار دادن این محتوا بفهمند. دلیل این موضوع هم این است که هر چیزی که درون تگ kbd قرار بگیرد به عنوان یک ورودی صفحه کلید یا مثلا یک دکمه از صفحه کلید تصورش می شود و فقط این مورد برای مرورگر قابل فهم است.
میتوانید در جدول زیر تمامی تگ های عبارتی را مشاهده نمایید:
دو مثال برای تگ kbd در HTML
در ادامه دوره آموزشی html css پروژه محور به چند تا از مثال های این تگ میپردازیم تا درک بهتری از این تگ داشته باشید.
مثال اول : استفاده از تگ kbd بدون استفاده از کد های css اختصاصی و یا استایل
<body>
<p>Please Press <kbd>Ctrl</kbd> and <kbd>C</kbd> For Copy File</p>
</body>
مثال دوم : استایل دهی به تگ kbd با استفاده از CSS اختصاصی
kbd{
font-family:tahoma;
font-size:13px;
font-weight:600;
background-color:#1668b9;
padding:3px 7px;
color:#fff;
}
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید
پشتیبانی مرورگرها از تگ kbd
در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ kbd در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
پشتیبانی تگ kbd از صفات و رویدادهای عمومی
تگ kbd قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
- تگ kbd در حالت پیش فرض تگ هیچ استایلی ندارد.اما با استفاده از CSS میتوانیم استایل دلخواه خود را به آن اختصاص دهیم.
دستورات CSS پیش فرض
اغلب مرورگرها تگ kbd را به شکل کدهای CSS بصورت دستوراتی که مشاهده مینمایید نمایش میدهند.
kbd {
font-family: monospace;
}
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید