HTML <kbd> ετικέτα

  • Προηγούμενη σελίδα <ins>
  • Επόμενη σελίδα <label>

Ορισμός και χρήση

<kbd> Η ετικέτα χρησιμοποιείται για τη ρύθμιση της εισαγωγής πληκτρολογίου. Το περιεχόμενο εμφανίζεται με το προεπιλεγμένο γραμματοσειρά της συσκευής.

Συμβουλή:Αυτή η ετικέτα δεν έχει απορριφθεί. Ωστόσο, μπορείτε να επιτύχετε πιο πλούσια αποτελέσματα με τη χρήση CSS (βλέπε παρακάτω παράδειγμα).

Δείτε επίσης:

Ετικέτα Περιγραφή
<code> Ορισμός παραδείγματος εξόδου προγραμματισμού.
<samp> Ορισμός εισαγωγής πληκτρολογίου.
<var> Ορισμός μεταβλητών.
<pre> Ορισμός προεformatted κειμένου.

Δείτε επίσης:

Εκμάθηση HTML: ΕκμάθησηHTML Καταμορφώσεις κειμένου

Εγχειρίδιο 参考手册: HTML DOMΟντότητα Kbd

Παράδειγμα

Παράδειγμα 1

Ορισμός κάποιου κειμένου στο έγγραφο ως εισαγωγή πληκτρολογίου:

<p>Πατήστε το <kbd>Ctrl</kbd> + <kbd>C</kbd> για να αντιγράψετε κείμενο (Windows)。</p>
<p>Πατήστε το <kbd>Cmd</kbd> + <kbd>C</kbd> για να αντιγράψετε κείμενο (Mac OS)。</p>

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Χρήση CSS για τη ρύθμιση του στυλ του στοιχείου <kbd>:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Πατήστε το <kbd>Ctrl</kbd> + <kbd>C</kbd> για να αντιγράψετε κείμενο (Windows)。</p>
<p>Πατήστε το <kbd>Cmd</kbd> + <kbd>C</kbd> για να αντιγράψετε κείμενο (Mac OS)。</p>
</body>
</html>

Δοκιμάστε το προσωπικά

Γενικές ιδιότητες

<kbd> Η ετικέτα υποστηρίζει επίσης Γενικές ιδιότητες στο HTML.

Αντικειμενικές ιδιότητες γεγονότων

<kbd> Η ετικέτα υποστηρίζει επίσης Αντικειμενικές ιδιότητες γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές για την εμφάνιση <kbd> Στοιχείο:

kbd {
  font-family: monospace;
}

Δοκιμάστε το προσωπικά

Υποστήριξη浏览器

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα <ins>
  • Επόμενη σελίδα <label>