onsdag 1. mars 2023

HTML: <kbd>

Tastekombinasjon. Foto og redigering: Tor-Ivar Krogsæter. Bilderedigeringsprogram: GIMP.
Tastekombinasjon. Foto og redigering: Tor-Ivar Krogsæter. Bilderedigeringsprogram: GIMP.

Det er lenge siden jeg har skrevet noe om HTML nå, men jeg kom over en kommando i går som jeg syntes var verdt å nevne. Dersom man ønsker å gi instrukser om hvordan man gjør bestemte oppgaver på datamaskinen, er det ofte fint å gi tips om hvordan man kan gjøre dette med tastatursnarveier. For eksempel kunne man åpne Kjør-menyen i Windows med å klikke på Start og velge Kjør, men det går ikke lenger, så i dag må man trykke Windows + R for å få den opp.

Det er enkelt å hente fram denne tastevisninga: Det som skal vises som en tast, skriver du innenfor <kbd>. Teksten over ser altså slik ut:

<p class=nyseksjon>Det er lenge siden jeg har skrevet noe om <span class=kapiteler-smaa>HTML</span> nå, men jeg kom over en kommando i går som jeg syntes var verdt å nevne. Dersom man ønsker å gi instrukser om hvordan man gjør bestemte oppgaver på datamaskinen, er det ofte fint å gi tips om hvordan man kan gjøre dette med tastatursnarveier. For eksempel kunne man åpne Kjør-menyen i Windows med å klikke på Start og velge Kjør, men det går ikke lenger, så i dag må man trykke <kbd>Windows</kbd> + <kbd>R</kbd> for å få den opp.</p>

Det er selvsagt fint å kunne definere denne stilen litt, så man får et uttrykk som passer en. Som standard får i hvert fall jeg, her, kun ei endring til fastbreddetekst. Her er stilen jeg la til:

kbd { display: inline-block; color: #a8a8a8; border: 1px solid white; border-radius: 0.25em; padding: 0.125em 0.25em 0.1875em; background-color: #000; min-width: 1.125em; text-align: center; }

Det er en fin start, og kanskje jeg i framtida velger å gjøre noe mer ut av den.