Τρόπος εισαγωγής συμβόλων βέλους στην ιστοσελίδα σας

Επιστήμη, τεχνολογία, μαθηματικάJun 23, 2021

Τι πρέπει να γνωρίζετε

  • Εισαγάγετε ένα HTML5 κωδικός οντότητας, δεκαδικός κωδικός ή δεκαεξαδικό κωδικοποιήστε απευθείας σε HTML χρησιμοποιώντας το εργαλείο λειτουργίας κειμένου ή πηγής.
  • Μορφές κώδικα: HTML5 = "&Κώδικας;"Δεκαδικός = "& # Κωδικός;"Δεκαεξαδικό ="& # XCode;"
  • Πληκτρολογήστε Χάρτης χαρακτήρων στα Windows Αναζήτηση γραμμή για την αναγνώριση των βελών και των κωδικών τους στο χάρτη χαρακτήρων.

Αυτό το άρθρο εξηγεί πώς να εισαγάγετε βέλη (και άλλα σύμβολα) σε μια ανάρτηση ιστολογίου ή σε HTML ιστοσελίδας χρησιμοποιώντας το συντάκτης ή πλατφόρμα της επιλογής σας. Αυτές οι πληκτρολογήσεις βασίζονται στο Unicode, το οποίο προγράμματα περιήγησης ιστού αναγνωρίστε και μετατρέψτε τα επιθυμητά σύμβολα.

Πώς να φτιάξετε ένα βέλος για την ιστοσελίδα σας

Εικόνα που δείχνει πώς να φτιάξετε σύμβολα βέλους στην ιστοσελίδα
Lifewire / Miguel Co

Θα χρειαστείτε ένα από τα τρία αναγνωριστικά: το HTML5 κωδικός οντότητας, ο δεκαδικός κωδικός ή το δεκαεξαδικό κώδικας. Οποιοδήποτε από τα τρία αναγνωριστικά παράγει το ίδιο αποτέλεσμα. Σε γενικές γραμμές, οι κωδικοί οντοτήτων ξεκινούν με ένα σύμβολο και τελειώνουν με ερωτηματικό. στη μέση είναι μια συντομογραφία που συνοψίζει το σύμβολο. Οι δεκαδικοί κωδικοί ακολουθούν τη μορφή

instagram viewer
Ampersand + Hashtag + Αριθμητικός κώδικας + ερωτηματικό, και οι δεκαεξαδικοί κωδικοί εισάγουν το γράμμα Χ μεταξύ του hashtag και των αριθμών.

Για παράδειγμα, για να δημιουργήσετε ένα σύμβολο αριστερού βέλους (←), πληκτρολογήστε οποιονδήποτε από τους παρακάτω συνδυασμούς:

  • HTML:
    ←
  • Δεκαδικός:
    ←
  • Δεκαεξαδικό:
    ←

Τα περισσότερα σύμβολα Unicode δεν προσφέρουν κωδικούς οντοτήτων, επομένως πρέπει να αντιστοιχιστούν χρησιμοποιώντας τον δεκαδικό ή δεκαεξαδικό κώδικα.

Πρέπει να εισαγάγετε αυτούς τους κωδικούς απευθείας στο HTML χρησιμοποιώντας ένα εργαλείο επεξεργασίας κειμένου ή πηγής. Η προσθήκη των συμβόλων σε έναν οπτικό επεξεργαστή ενδέχεται να μην λειτουργεί και η επικόλληση του χαρακτήρα Unicode που θέλετε σε έναν οπτικό επεξεργαστή ενδέχεται να μην έχει ως αποτέλεσμα το επιδιωκόμενο αποτέλεσμα. Για παράδειγμα, όταν γράφετε μια ανάρτηση ιστολογίου χρησιμοποιώντας WordPress, μεταβείτε σε Πρόγραμμα επεξεργασίας κώδικα λειτουργία αντί για Οπτικός επεξεργαστής λειτουργία για να εισαγάγετε ένα ειδικό σύμβολο.

Προεπισκόπηση για εμφάνιση δεκαεξαδικού δεξιού βέλους για προσθήκη στη σελίδα σας

Κοινά σύμβολα βέλους

Το Unicode υποστηρίζει δεκάδες τύπους και στυλ βελών. Κοιτάξτε το χάρτη χαρακτήρων στον υπολογιστή σας για να προσδιορίσετε συγκεκριμένα στυλ βέλη.

Για να ανοίξετε το χάρτη χαρακτήρων, επιλέξτε Αρχή > Ολα τα προγράμματα > αξεσουάρ > ΣύστημαΕργαλεία > Χάρτης χαρακτήρων (ή επιλέξτε Παράθυρα και εισάγετε χάρτης χαρακτήρων στο πλαίσιο αναζήτησης).

Όταν επισημαίνετε ένα σύμβολο, θα δείτε μια περιγραφή του συμβόλου στο κάτω μέρος του παραθύρου εφαρμογής Χάρτη χαρακτήρων με τη μορφή U +nnnn, όπου οι αριθμοί αντιπροσωπεύουν τον δεκαδικό κωδικό για το σύμβολο.

Χάρτης χαρακτήρων των Microsoft Windows

Σημειώστε ότι δεν είναι όλα Γραμματοσειρές Windows εμφανίστε όλες τις μορφές των συμβόλων Unicode, οπότε αν δεν μπορείτε να βρείτε αυτό που θέλετε ακόμα και μετά την αλλαγή γραμματοσειρών μέσα στο Character Map, σκεφτείτε εναλλακτικές πηγές, συμπεριλαμβανομένων των συνοπτικών σελίδων για W3Schools.

Επιλεγμένα σύμβολα βέλους UTF-8
Χαρακτήρας Δεκαδικός Δεκαεξαδικό Οντότητα Τυποποιημένο όνομα
← 8592 2190 ← αριστερό βέλος
↑ 8593 2191 ↑ επάνω βέλος
→ 8594 2192 → δεξί βέλος
↔ 8595 2194 ↔ κάτω βελάκι
↕ 8597 2195 πάνω βέλος
↻ 8635 21ΒΒ δεξιόστροφο βέλος ανοιχτού κύκλου
⇈ 8648 21Γ8 επάνω ζεύγη βέλη
⇾ 8702 21FE δεξί ανοιχτό βέλος
⇶ 8694 21F6 τρία δεξιά βέλη
⇦ 8678 21Ε6 αριστερό λευκό βέλος
⇡ 8673 21Ε1 επάνω διακεκομμένο βέλος
⇝ 8669 21DD δεξί βέλος

Σκέψεις

Microsoft Edge, Internet Explorer 11, και ο Firefox 35 και τα νεότερα προγράμματα περιήγησης δεν έχουν καμία δυσκολία να εμφανίσουν το πλήρες φάσμα των χαρακτήρων Unicode στο πρότυπο UTF-8. Google Chrome, ωστόσο, χάνει κατά διαστήματα ορισμένους χαρακτήρες εάν παρουσιάζονται αποκλειστικά χρησιμοποιώντας τον κώδικα οντότητας HTML5.

Το πρότυπο UTF-8 περιλαμβάνει χαρακτήρες πέρα ​​από τα βέλη. Για παράδειγμα, το UTF-8 υποστηρίζει χαρακτήρες όπως:

  • Σύμβολα νομίσματος
  • Σύμβολα που μοιάζουν με γράμματα και δεν είναι γράμματα
  • Μαθηματικοί τελεστές
  • Γεωμετρικά σχήματα
  • Σχήματα κουτιού
  • Ντάμπινγκ
  • Διακριτικά σημάδια
  • Ελληνικοί, Κοπτικοί και Κυριλικοί χαρακτήρες

Το UTF-8 χρησιμεύει ως η προεπιλεγμένη κωδικοποίηση για σχεδόν το 90 τοις εκατό όλων των ιστοσελίδων από τον Νοέμβριο του 2018, σύμφωνα με την Google.

Η διαδικασία εισαγωγής αυτών των πρόσθετων συμβόλων είναι ακριβώς η ίδια με εκείνη για τα βέλη.

instagram story viewer