مثال ـ نمونه معرفي متن ورودي كي بورد در يك سند
<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>
تگ<kbd> براي معرفي ورودي كي در يك سند استفاده ميشود .محتوي اين تگ توسط مرورگر با فونت پيش فرضmonospace نمايش داده ميشود .
نكته ـ تگ فوق منسوخ نشده، اما ميتوان براي اثربخشي بيشتر با استفادهCSS آنرا استايل كرد . به مثال بعدي توجه نمائيد.
همچنين در اين رابطه به تگهاي زير هم توجه نمائيد.
تگ | شــرح |
---|---|
<code> | كدهاي كامپيوتري را معرفي ميكند |
<samp> | نمونه خروجي برنامه كامپيوتري را معرفي ميكند. |
<var> | متغيري را تعريف ميكند. |
<pre> | متن از پيش تعريف شده ي را معرفي ميكند. |
Element | |||||
---|---|---|---|---|---|
<kbd> | Yes | Yes | Yes | Yes | Yes |
تگ<kbd> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ استايل نمودن<kbd> با CSS
<html> <head> <style>kbd { border-rudius: 2px; padding: 2px; border: 1px solid black; } </style></head> <body> <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> </body> </html>
اغلب مرورگرها نمايش عنصر<kbd> مطابق تنظيمات پيش فرضي زيرانجام ميدهند.
kbd { font-family: monospace; }