صفحه اول >> دانستنی ها >>
آموزش تگ kbd در HTML - راهنمای علامت گذاری ورودی صفحه کلید در html
تگ kbd برای علامت گذاری ورودی صفحه کلید به کار می رود. بدین ترتیب مرورگرها و موتورهای جستجو تشخیص می دهند که عبارت داخل این تگ یک ورودی از صفحه ...
تگ kbd برای علامت گذاری ورودی صفحه کلید به کار می رود. بدین ترتیب مرورگرها و موتورهای جستجو تشخیص می دهند که عبارت داخل این تگ یک ورودی از صفحه کلید می باشد.
در حالت پیش فرض این تگ استایل خاصی ندارد و با استفاده از css می توان برای آن استایل تعریف کرد.
مثال تگ kbd در HTML
مثال 1: استفاده از تگ kbd
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>
مثال 2: استایل دادن به تگ kbd
<style>
kbd{
font-family:tahoma;
font-size:13px;
font-weight:600;
background-color:#1768b9;
padding:3px 7px;
color:#fff;
}
</style>
kbd{
font-family:tahoma;
font-size:13px;
font-weight:600;
background-color:#1768b9;
padding:3px 7px;
color:#fff;
}
</style>
پشتیبانی مرورگرها
تگ kbd در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
پشتیبانی | بله | بله | بله | بله | بله |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <kbd> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <kbd> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
kbd {
font-family: monospace;
}
font-family: monospace;
}
موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
نظرات نظرات تا اطلاع ثانوی غیر فعال است.