σύμβολα HTML5. Ειδικοί χαρακτήρες HTML

22.11.2023

Το δακτυλόγραφο κείμενο αποτελείται από τυπωμένους χαρακτήρες - γραφικά σύμβολα.
Τα γραφικά σύμβολα είναι σύμβολα που έχουν ορατή εμφάνιση στο κείμενο.
Όλα τα γραφικά σύμβολα συλλέγονται σε ένα σύνολο ενός ενιαίου καθολικού συστήματος Unicode.
Εισάγω γραφικό σύμβολοέγγραφο Unicode σε html
- ο κύριος και μοναδικός σκοπός αυτού του πίνακα.

Μπορείτε να εισαγάγετε ένα σύμβολο σε ένα έγγραφο HTML με έναν από τους ακόλουθους τρόπους:

  1. αντιγράψτε την εικόνα συμβόλου από το παράθυρο του προγράμματος περιήγησης στο παράθυρο του οπτικού επεξεργαστή html
  2. αντιγράψτε τον κώδικα html του συμβόλου απευθείας στον κώδικα του εγγράφου html
Κατανοήστε ότι πρόκειται για δύο διαφορετικές μεθόδους:
  1. εισαγάγετε την οπτική σε οπτική
  2. εισάγετε τον κωδικό στον κώδικα.

Η γραμματοσειρά για ένα σύμβολο, το μέγεθος και το χρώμα του σε HTML μπορούν να οριστούν με κώδικα όπως:
ΧΑΡΑΚΤΗΣ_ΚΩΔΙΚΟΣ
Οπου,
Arial - γραμματοσειρά,
10 px - μέγεθος γραμματοσειράς σε pixel,
#ff0000 - κωδικός χρώματος γραμματοσειράς (κόκκινο)

Για παράδειγμα:
☎ - μέγεθος γραμματοσειράς χαρακτήρων 30 px,
☎ - μέγεθος γραμματοσειράς συμβόλων 30 px, χρώμα - κόκκινο
☎ - μέγεθος γραμματοσειράς χαρακτήρων 20 px,
☎ - μέγεθος γραμματοσειράς συμβόλων 10 px.
Σημείωμα Συνιστώμενες γραμματοσειρές για την εισαγωγή ειδικών χαρακτήρων είναι οι Arial, Verdana και Tahoma. Αυτές οι γραμματοσειρές εμφανίζουν σωστά τους χαρακτήρες Unicode και οι ίδιες, με τη σειρά τους, υποστηρίζονται σωστά από εφαρμογές Ιστού.

  1. "Σύμβολο"
    (ορατή εμφάνιση συμβόλων)
    Από αυτή τη στήλη μπορείτε να αντιγράψετε την εικόνα συμβόλου και να την επικολλήσετε στο παράθυρο του προγράμματος επεξεργασίας κειμένου html. Το σύμβολο θα αντιγραφεί με μέγεθος γραμματοσειράς 20 px. Αφού ολοκληρωθεί η αντιγραφή, μπορεί να χρειαστεί να προσαρμόσετε μεμονωμένα το μέγεθος της γραμματοσειράς απευθείας στον αντιγραμμένο χαρακτήρα.
  2. "Ονομα"
    (μόνο για σημαντικά ή παράξενους χαρακτήρες)
    Επεξήγηση του σκοπού του συμβόλου, του πεδίου εφαρμογής του, παραδείγματα...
  3. "Βελτίωση της μνήμης"
    Το Mnemonics είναι μια αλφαβητική κατασκευή της μορφής ", που δηλώνει τον αλφαβητικό κώδικα ενός χαρακτήρα σε HTML. Εισάγεται απευθείας στον κώδικα html ενός εγγράφου html. Τα μνημονικά είναι πολύ δημοφιλή στους επαγγελματίες σχεδιαστές διάταξης. Απομνημονεύονται τέλεια από τους ανθρώπους και υποστηρίζονται από όλες τις εφαρμογές html Κάθε μνημονική περιέχει ένα αλφαβητικό όνομα (ονομασία ) του συμβόλου του και ένα σύμβολο υπηρεσίας (&), το οποίο χρησιμεύει ως σήμα για την ανάγνωση του κώδικα και δεν εμφανίζεται στην οθόνη του μόνιτορ του κάθε μνημονικού είναι μοναδικό και ευανάγνωστο, γιατί προέρχεται από την αγγλική λέξη που χαρακτηρίζει το σύμβολο.

    Mnemonics (Ελληνικά) - η τέχνη του να θυμάσαι κάτι. Τα μνημονικά χρησιμοποιούνται για τη διευκόλυνση της αντίληψης δύσκολα απομνημονεύσιμων πληροφοριών όταν το αντικείμενο της απομνημόνευσης φέρεται σε συνειρμική κατάσταση με κάτι.

  4. "Κώδικας"
    Κώδικας - ο αριθμητικός δεκαδικός κώδικας ενός χαρακτήρα σε HTML, όπως &. Εισάγεται απευθείας στον κώδικα html ενός εγγράφου html. Ο δεκαδικός κωδικός αποτελείται από έναν αριθμό που υποδεικνύει τον σειριακό αριθμό του χαρακτήρα στο σύστημα Unicode και αρκετούς χαρακτήρες υπηρεσίας (& και #), οι οποίοι χρησιμεύουν ως σήμα για το πρόγραμμα περιήγησης να διαβάσει τον κωδικό και δεν εμφανίζονται στην οθόνη της οθόνης. Ο δεκαδικός κώδικας χρησιμοποιείται ευρέως και χρησιμοποιείται λόγω της ευελιξίας και της ευκολίας αντίληψής του.

Έλεγχος χαρακτήρων σε HTML (XHTML)

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

Επιτρέπεται η χρήση χαρακτήρων ελέγχου σε συνηθισμένα κείμενα, όπου συμβολίζουν καθολικές έννοιες και ερμηνεύονται από το πρόγραμμα περιήγησης ως συνηθισμένοι τυπογραφικοί χαρακτήρες. Όταν χρησιμοποιείτε σύμβολα υπηρεσίας σε κείμενα HTML με αυτόν τον τρόπο, πρέπει να εισαγάγετε όχι την τιμή του ίδιου του συμβόλου, αλλά τον κώδικα HTML του. Γιατί, επαναλαμβάνω, διαφορετικά το πρόγραμμα περιήγησης θα αντιληφθεί το σύμβολο της υπηρεσίας ως παρότρυνση για δράση και δεν θα εμφανίζει σωστά το κείμενο HTML στην οθόνη της οθόνης.

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

Σύνταξη και στίξη

χώρος μήκους N (κανονικός χώρος)
χώρος μήκους M (μακρός χώρος)
- μαλακή παύλα (μη εκτυπώσιμος χαρακτήρας) - ­
ενωτικό –
- παύλα μήκους N (κανονική παύλα) -
παύλα μήκους M (εμ παύλα)
. τελεία .
, κόμμα ,
ελλείψεις …
: άνω κάτω τελεία :
; άνω τελεία ;
! θαυμαστικό !
ǃ
? ερωτηματικό ?
@ "σκυλί" @
* "αστέρι" *
# "δικτυωτό" #
ενιαίο επάνω αριστερό απόσπασμα ‘
ενιαίο πάνω δεξιά απόσπασμα ’
ενιαίο κάτω δεξιά απόσπασμα ‚
διπλό πάνω αριστερό απόσπασμα “
διπλό απόσπασμα πάνω δεξιά ”
διπλό απόσπασμα κάτω δεξιά &bdquo „
« διπλή αριστερή γωνία εισαγωγικά (Ρωσικά) « «
» διπλή δεξιά γωνία εισαγωγικά (Ρωσικά) » »
́ σημάδι έμφασης, παράδειγμα: Vasya ́
" απόστροφο, παράδειγμα: Εσύ"Ι "
´ οξεία, παράδειγμα: Vasya ´ ´
παράγραφος (μη εκτυπώσιμος χαρακτήρας)
§ παράγραφος § §
ˆ προφορά (ανεστραμμένο πουλί) ˆ ˆ
ˆ
˜ μικρή παλίρροια ˜ ˜
˜
¦ κάθετη διακεκομμένη γραμμή ¦ ¦
( αριστερή παρένθεση (
) δεξιά παρένθεση )
αριστερό στήριγμα γωνίας
ορθογώνιο βραχίονα
αριστερό στήριγμα γωνίας, επιλογή
ορθογώνιο στήριγμα, επιλογή
[ αγκύλη αριστερά [
] αγκύλη δεξιά ]
/ κάθετο - κάθετο χαρακτήρα /
\ ανάστροφη κάθετο \
κάθετο (σημάδι διαίρεσης)
ǀ κάθετη μπάρα ǀ
ǁ διπλή κάθετη μπάρα ǁ
επικάλυψη, παράδειγμα: Vasya‾vasya
¯ macron, παράδειγμα: Vasya¯vasya ¯ ¯

Εμπορικά σήματα και νόμισμα

+ συν + +
πλην -
= ισοδυναμεί =
± συν ή πλην ± ±
× σημάδι πολλαπλασιασμού × ×
÷ σημάδι διαίρεσης ÷ ÷
τελεστής τελείας (μέση γραμμής) ·
τελεστής αστερίσκου (μέση γραμμής)
χειριστή tilde
. δείκτης λίστας (μέση γραμμής) . •
¹ υπεργραφή "1" ¹ ¹
² υπεργραφή "2" ² ²
³ υπεργραφή "3" ³ ³
Εκθέτης και δείκτης σε HTML (XHTML)
μπορεί να εισαχθεί χρησιμοποιώντας ετικέτες Και , αντίστοιχα:
ΑΡΙΘΜΟΣ Εκθέτης→ ΑΡΙΘΜΟΣ Εκθέτης
ΑΡΙΘΜΟΣ Υπογεγραμμένη→ ΑΡΙΘΜΟΣ Συνδρομητής
½ κλάσμα "ένα μισό" ½ ½
κλάσμα "ένα τρίτο"
¼ κλάσμα "ένα τέταρτο" ¼ ¼
¾ κλάσμα "τρία τέταρτα" ¾ ¾
αριθμητικό σημάδι
% τοις εκατό %
ppm ‰
° βαθμούς ° °
prime (λεπτά, πόδια)
διπλός πρώτος (δευτερόλεπτα, ίντσες)
Παράδειγμα 1: 30° 25′ 12″
Παράδειγμα 2: 25′ 12
µ μικρο µ µ
π Πι π π
ƒ σημάδι λειτουργίας
(δεν πρέπει να συγχέεται με το "αναπόσπαστο")
ƒ ƒ
ƒ
ολοκλήρωμα
πέρασε το μηδέν, κενό σύνολο
(δεν πρέπει να συγχέεται με τη "διάμετρο")
διάμετρος (δεν πρέπει να συγχέεται με το διαγραμμένο λατινικό "o")
ø Λατινικό «ο» διαγώνια διαγραμμένο ø ø
Ø Λατινικό κεφαλαίο «Ο» διαγώνια διαγραμμένο Ø Ø
σήμα εργασίας
σημάδι άθροισης
ρίζα
(τετραγωνική ρίζα ή x ρίζα)
αναλογώς
άπειρο
γωνία
ορθογώνιο (κάθετο)
υπογράψτε "άρα"
περίπου ίσο
σχεδόν ίσα
όχι ίσα
πανομοιότυπα
μικρότερο ή ίσο με
μεγαλύτερο ή ίσο με
λογικό ΚΑΙ
λογικό Ή
σύμβολο συν σε κύκλο
(άμεσο ποσό)
σύμβολο πολλαπλασιασμού σε κύκλο
(σταυρό προϊόν, βέλος από παρατηρητή)
ʘ τελεία σε κύκλο
(βέλος προς τον παρατηρητή)
ʘ

✵ ✵

Το σύμβολο επιλογής δεν υπάρχει στο πληκτρολόγιο, αλλά χρησιμοποιώντας ειδικούς συνδυασμούς μπορείτε εύκολα να το προσθέσετε στο μήνυμά σας, την ανάρτηση ή το έγγραφο κειμένου σας.

Ας ρίξουμε μια πιο προσεκτική ματιά στο πώς μπορεί να γίνει αυτό.

Τύποι σημαδιών + χρήσεις

Το σημάδι επιλογής (πουλί, jackdaw) είναι ένα ειδικό εικονίδιο που χρησιμοποιείται συχνά για να περιγράψει την επιβεβαίωση κάτι.

Μπορεί να βρεθεί στο σχεδιασμό των καταχωρίσεων ή στις υπογραμμισμένες σκέψεις. Μετά την ανάγνωση ακολουθώντας τις οδηγίες, μπορείτε να βρείτε και να χρησιμοποιήσετε το σύμβολο μόνοι σας.

Η απλούστερη επιλογή είναι να αντιγράψετε το αντικείμενο από αυτό το άρθρο. Υπάρχουν διάφοροι τύποι εικονιδίων:

Εάν χρειάζεστε ένα σημάδι επιλογής για να χρησιμοποιήσετε σε μία πρόταση ή φράση, απλώς αντιγράψτε το στοιχείο που σας αρέσει επισημαίνοντάς το και πατώντας CTRL και C στο πληκτρολόγιό σας.

Για να πληκτρολογήσετε μόνοι σας ένα πουλί στο πληκτρολόγιο, πρέπει να χρησιμοποιήσετε Unicode. Πληκτρολογήστε το γράμμα U και +. Στη συνέχεια, πρέπει να καλέσετε τον κωδικό του σήματος.

Ψηφιακά σύμβολα για διαφορετικών τύπωνΤα σημάδια ελέγχου είναι τα εξής: 2713 (κανονικό σημάδι), 2714 (έντονη γραφή), 2705 (επισημασμένο σημάδι επιλογής σε ένα τετράγωνο), 2611 (κανονικό σημάδι επιλογής σε ένα τετράγωνο).

Εάν ο συνδυασμός U+2713 ή άλλος δεν μετατραπεί αυτόματα σε σημάδι επιλογής, πιθανότατα το έγγραφο δεν έχει ρυθμιστεί να αναγνωρίζει αυτόματα χαρακτήρες Unicode ή εισάγετε τον κωδικό εσφαλμένα.

Το κείμενο θα μετατραπεί αμέσως στο επιθυμητό σύμβολο, ώστε να μπορείτε να το πληκτρολογείτε με ασφάλεια σε μηνύματα και διάφορες αναρτήσεις.

Εικονίδιο στο MS Word

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

Μπορεί να χρειαστείτε το σημάδι επιλογής στη διαδικασία δημιουργίας μιας λίστας εργασιών ή απαρίθμησης.

Οι άπειροι χρήστες δημιουργούν ένα σημάδι προσθέτοντας μια εικόνα με το επιθυμητό στοιχείο στο έγγραφο. Αυτή η προσέγγιση είναι εσφαλμένη, επειδή αυξάνει το τελικό μέγεθος αρχείου.

Όλα μπορούν να γίνουν πολύ πιο εύκολα. Για να επιλέξετε το πλαίσιο στο Word, ακολουθήστε τα επόμενα βήματα.

  • Ανοίξτε το έγγραφο σε οποιαδήποτε έκδοση του προγράμματος. Ανάλογα με το έτος κυκλοφορίας του λογισμικού, η θέση των απαιτούμενων καρτελών μπορεί να διαφέρει.
  • Κάντε κλικ στην ενότητα "Εισαγωγή".
  • Στη δεξιά πλευρά της γραμμής εργαλείων, βρείτε το στοιχείο "Σύμβολο" και κάντε κλικ σε αυτό.
  • Στο αναπτυσσόμενο παράθυρο, κάντε κλικ στο "Άλλα σύμβολα".
  • Στο αναδυόμενο παράθυρο, μπορείτε να βρείτε το σημάδι επιλογής χρησιμοποιώντας μία από τις δύο μεθόδους. Επιλέξτε το σετ "Dingbats" και κάντε κλικ στο στοιχείο που θέλετε στην προτεινόμενη λίστα ή εισαγάγετε τον κωδικό στοιχείου στο Unicode (δεκαεξαδικό) στο κάτω μέρος του παραθύρου. Για παράδειγμα, 2714. Το Word θα βρει αυτόματα το αντικείμενο που χρειάζεστε. Κάντε κλικ σε αυτό και επιβεβαιώστε την ενέργεια κάνοντας κλικ στο "OK".

Εικ. 3 – ειδικούς χαρακτήρεςστο Word

Αφού προσθέσετε ένα σημάδι επιλογής στο σώμα του εγγράφου, μπορείτε να εφαρμόσετε οποιαδήποτε μορφοποίηση σε αυτό: να αλλάξετε το χρώμα, τη γραμματοσειρά, τον τύπο επικεφαλίδας και άλλες επιλογές.

Οι ειδικοί χαρακτήρες HTML είναι ειδικές γλωσσικές κατασκευές που αναφέρονται σε χαρακτήρες από το σύνολο χαρακτήρων που χρησιμοποιείται σε αρχεία κειμένου. Ο πίνακας εμφανίζει μια λίστα με δεσμευμένους και ειδικούς χαρακτήρες που δεν μπορούν να προστεθούν πηγαίος κώδικαςΈγγραφο HTML χρησιμοποιώντας το πληκτρολόγιο:

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

Τέτοιοι χαρακτήρες προστίθενται χρησιμοποιώντας έναν αριθμητικό κωδικό ή όνομα.

ΣύμβολοΑριθμητικός κωδικόςΌνομα συμβόλουΠεριγραφή
" " " εισαγωγικό
" " " απόστροφος
& & & σύμφωνο
< < λιγότερο από σημάδι
> > > περισσότερο σημάδι
μη σπάσιμος χώρος ( Χώρος που δεν σπάει- αυτό είναι ένα διάστημα που εμφανίζεται μέσα σε μια γραμμή ως κανονικό διάστημα, αλλά δεν επιτρέπει σε προγράμματα προβολής και εκτύπωσης να σπάσουν τη γραμμή σε αυτό το σημείο.)
¡ ¡ ¡ ανεστραμμένο θαυμαστικό
¢ ¢ ¢ σεντ
£ £ £ λίβρα.
¤ ¤ ¤ νομίσματα
¥ ¥ ¥ γιέν
¦ ¦ ¦ σπασμένη κάθετη μπάρα
§ § § τμήμα
¨ ¨ ¨ διάστημα (κυριλλικό)
© σημάδι πνευματικών δικαιωμάτων
ª ª ª θηλυκός τακτικός εκθέτης
« « « Γαλλικά εισαγωγικά (ψαροκόκαλο) - αριστερά
¬ ¬ ¬ άρνηση-εκφράσεις
® ® ® σήμα κατατεθέν
¯ ¯ ¯ διάστημα μακρον
° ° ° βαθμός
± ± ± συν ή πλην
² ² ² εκθέτης 2
³ ³ ³ εκθέτης 3
´ ´ ´ οξύ διάστημα
µ µ µ μικρο
παράγραφος
· · · μεσαίο σημείο
¸ ¸ ¸ διάστημα cedilla
¹ ¹ ¹ εκθέτης 1
º º º αρσενικός τακτικός εκθέτης
» » » Γαλλικά εισαγωγικά (ψαροκόκαλο) - σωστά
¼ ¼ ¼ 1/4 μέρος
½ ½ ½ 1/2 μέρος
¾ ¾ ¾ 3/4 μέρη
¿ ¿ ¿ ανεστραμμένο ερωτηματικό
× × × πολλαπλασιασμός
÷ ÷ ÷ διαίρεση
́ ́ έμφαση
Œ Œ Œ κεφαλοδεσμός ΟΕ
œ œ œ πεζή απολίνωση οε
Š Š Š S με στέμμα
š š š πεζό S με κορώνα
Ÿ Ÿ Ÿ κεφαλαίο Υ με τιάρα
ƒ ƒ ƒ στ με γάντζο
ˆ ˆ ˆ δικριτική προφορά
˜ ˜ ˜ μικρή παλίρροια
- παύλα
em παύλα
αριστερό ενιαίο απόσπασμα
σωστό μόνο απόσπασμα
κάτω ενιαίο απόσπασμα
αριστερά διπλά εισαγωγικά
σωστά διπλά εισαγωγικά
χαμηλότερα διπλά εισαγωγικά
στιλέτο
διπλό στιλέτο
. σφαίρα
οριζόντια έλλειψη
ppm (χιλιάδες)
πρακτικά
δευτερόλεπτα
μονή αριστερή γωνία απόσπασμα
απόσπασμα ενιαίας δεξιάς γωνίας
επικάλυψη
Ευρώ
™ ή εμπορικό σήμα
αριστερό βέλος
επάνω βέλος
δεξί βέλος
κάτω βέλος
διπλό βέλος
βέλος επιστροφής άμαξα
πάνω αριστερή γωνία
πάνω δεξιά γωνία
κάτω αριστερή γωνία
κάτω δεξιά γωνία
ρόμβος
κορυφές
σταυρός
σκουλήκια
διαμάντια

Μαθηματικά σύμβολα που υποστηρίζονται σε HTML

ΣύμβολοΑριθμητικός κωδικόςΌνομα συμβόλουΠεριγραφή
για οποιονδήποτε, για όλους
Μέρος
υπάρχει
κενό σύνολο
Χάμιλτον χειριστή (nabla)
ανήκει στο σύνολο
δεν ανήκει στο σύνολο
ή
εργασία
ποσό
πλην
πολλαπλασιασμός ή συζευγμένος τελεστής με
× × &φορές σημάδι πολλαπλασιασμού
τετραγωνική ρίζα
αναλογικότητα
άπειρο
πολλαπλότητα
γωνία
Και
ή
διατομή
σχέση
ολοκλήρωμα
Γι' αυτό
σαν
συγκρίσιμος
περίπου ίσο
όχι ίσα
πανομοιότυπα
μικρότερο ή ίσο με


μικρότερο ή ίσο με
μεγαλύτερο ή ίσο με


μεγαλύτερο ή ίσο με
υποσύνολο
υπερσύνολα
όχι υποσύνολο
υποσύνολο
υπερσύνολο
άμεσο ποσό
τεντωτικό προϊόν
κάθετος
τελεία χειριστή

Ελληνικό και Κοπτικό αλφάβητο

Σύμβολο Αριθμητικός κωδικός Hex κωδικός Όνομα συμβόλου
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

Γιατί χρειάζονται ειδικοί χαρακτήρες και πώς να τους χρησιμοποιήσετε

Ας υποθέσουμε ότι αποφασίσατε να περιγράψετε κάποια ετικέτα στη σελίδα σας, αλλά επειδή το πρόγραμμα περιήγησης χρησιμοποιεί χαρακτήρες< и >Όπως η αρχή και το τέλος μιας ετικέτας, η εφαρμογή τους μέσα στο περιεχόμενο του κώδικα html μπορεί να οδηγήσει σε προβλήματα. Αλλά η HTML σάς δίνει έναν εύκολο τρόπο να ορίσετε αυτούς και άλλους ειδικούς χαρακτήρες χρησιμοποιώντας απλές συντομογραφίες που ονομάζονται αναφορές σε σύμβολα.

Ας δούμε πώς λειτουργεί αυτό. Για κάθε χαρακτήρα που θεωρείται ειδικός ή που θέλετε να χρησιμοποιήσετε στην ιστοσελίδα σας, αλλά δεν μπορεί να εκτυπωθεί στον επεξεργαστή σας (για παράδειγμα, το σύμβολο πνευματικών δικαιωμάτων), βρίσκετε τη συντομογραφία και την εκτυπώνετε στον κώδικα html αντί για τον επιθυμητό χαρακτήρα . Για παράδειγμα, για το σύμβολο ">" η συντομογραφία είναι > και για το σύμβολο "<" - < .

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

Στοιχείο πολύ σημαντικό

Δοκιμάστε »

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

Σήμερα θα μάθετε πώς να δημιουργήσετε ένα πλαίσιο ελέγχου σε HTMLκαι προσθέστε του CSSστυλ για καλύτερη συμβατότητα με τον σχεδιασμό του ιστότοπου.

Επίδειξη

Πλαίσιο ελέγχου σε HTML

Ας δημιουργήσουμε ένα μπλοκ με τέσσερα πλαίσια ελέγχου, το πρώτο θα σημειωθεί με ένα τικ. Κάθε πλαίσιο ελέγχου θα περικλείεται σε μια ετικέτα επιγραφή, μέσα στο οποίο υπάρχει ένα πεδίο εισαγωγής, κείμενο και ένα στοιχείο σπιθαμήνα είναι στυλιζαρισμένη.

Ετικέτα επιγραφήχρησιμεύει ως κοντέινερ για κάθε πλαίσιο ελέγχου για λόγους σαφήνειας, ορίζω προσωρινά ένα κόκκινο πλαίσιο στην ετικέτα επιγραφή. Όταν έχετε λίγη εμπειρία, αυτός είναι ένας καλός τρόπος για να δείτε τα όρια οποιασδήποτε ετικέτας, ώστε να μην ενεργείτε στα τυφλά.

CSS για πλαίσιο ελέγχου

Ετικέτα γραμμής επιγραφή, αντικαταστήστε το με μπλοκ (εμφάνιση: μπλοκ)έτσι ώστε τα πλαίσια ελέγχου να βρίσκονται το ένα κάτω από το άλλο, επιλογή χρήστη: κανένα– εμποδίζει τον χρήστη να επιλέξει ένα στοιχείο.

Δοχείο (
οθόνη: μπλοκ;
επιλογή χρήστη: κανένας;
}

Αυτός ο κώδικας αποκρύπτει τα προεπιλεγμένα στυλ προγράμματος περιήγησης για το πλαίσιο ελέγχου. Κάνουμε το στοιχείο εντελώς διαφανές με αδιαφάνεια, πλάτοςΚαι ύψοςμε μηδενική τιμή και στη θέση τους, ορίστε προσαρμοσμένα στυλ για το πλαίσιο ελέγχου.

Είσοδος κοντέινερ (
αδιαφάνεια: 0;
ύψος: 0;
πλάτος: 0;
}

Δημιουργούμε προσαρμοσμένα πλαίσια ελέγχου. Αλλάξτε το μέγεθος και το χρώμα του φόντου.

Σημάδι επιλογής (
ύψος: 23 px;
πλάτος: 22 px;
φόντο-χρώμα: #eec321;
}

Όταν τοποθετείτε τον κέρσορα, κάντε το χρώμα του φόντου λίγο πιο σκούρο.

Container:Hover input ~ .checkmark (
χρώμα φόντου: #ccc678;
}

Για το επιλεγμένο πλαίσιο ελέγχου, ορίστε διαφορετικό χρώμα για το φόντο.

Είσοδος κοντέινερ: επιλεγμένο ~ .checkmark (
χρώμα φόντου: #2196f3;
}

Απόκρυψη του πλαισίου ελέγχου για μη επιλεγμένα πλαίσια ελέγχου με χρήση ψευδοστοιχείου μετά.

Σημάδι επιλογής:μετά (
περιεχόμενο: "";
θέση: απόλυτη;
οθόνη: καμία;
}

Κάνουμε το σημάδι επιλογής ορατό μόνο για επιλεγμένα πλαίσια ελέγχου.

Container input:checked ~ .checkmark:after (
οθόνη: μπλοκ;
}

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

Οι ειδικοί χαρακτήρες είναι τεχνικοί χαρακτήρες που δεν αναπαρίστανται στο πληκτρολόγιο και κωδικοποιούνται χρησιμοποιώντας UNICODE ή άλλη μεταγλώσσα. Οι ειδικοί χαρακτήρες χωρίζονται σε ομάδες: μαθηματικό, ελληνικό αλφάβητο, ISO 8859-1 και άλλα. Γιατί χρειάζονται και πώς να τα χρησιμοποιήσετε, διαβάστε περαιτέρω στο άρθρο.

Χρήση ειδικών χαρακτήρων κατά τη σύνταξη εγγράφων

Η χρήση γίνεται για τους εξής σκοπούς:

  1. Δίνοντας στο άρθρο πληρότητα και αισθητική. Οι ειδικές πινακίδες σας βοηθούν να κατανοήσετε γρήγορα τις τιμές διαστάσεων ή να διαβάσετε ένα ιστορικό όνομα στα λατινικά ή στα ελληνικά.
  2. Ορισμένα στοιχεία διασφαλίζουν τη σωστή διάταξη του εγγράφου. Για παράδειγμα, τα "" και "" είναι διαφορετικά, τα πρώτα μεταδίδονται με τυπικά μέσα, τα άλλα μέσω ειδικών χαρακτήρων.
  3. Η διάταξη των μαθηματικών εγγράφων δεν μπορεί να γίνει χωρίς γνώση των κύριων ομάδων στοιχείων.

Βασικά σημάδια

Το υλικό θα σας επιτρέψει να βρείτε ειδικούς χαρακτήρες στην κατάλληλη κωδικοποίηση για γρήγορη εισαγωγή στο κείμενο.

Εμφάνιση Ονομασία Κώδικας HTML Κωδικός CSS
Χιονάνθρωπος \2603
Ορθόδοξος σταυρός \2626
Αγκυρα \2693
Σημάδι τηλεφώνου \2706
Τηλέφωνο \260Ε
Ζεστά ροφήματα \2615
Μολύβι που δείχνει προς τα κάτω \270Ε
Μολύβι \270F
Μολύβι που δείχνει προς τα πάνω προς τα δεξιά \2710
Κενή μύτη \2711
Γεμιστή μύτη στυλό \2712
fleur-de-lis \269C
Κράνος με λευκό σταυρό \26D1
Συρμένο λευκό αστέρι \269D
Νιφάδα χιονιού \2744
Σκιασμένη τολμηρή καρδιά \2764
Νιφάδα χιονιού στριμωγμένη από τριφύλλια \2745
Χοντρή νιφάδα χιονιού με οξεία γωνία \2746
Σκιασμένο αστέρι \2605
Κενό αστέρι \2606
Μη γεμάτο αστέρι σε έναν γεμάτο κύκλο \272Α
Γεμάτο αστέρι με ανοιχτό κύκλο μέσα \272Β
Περιστρεφόμενο αστέρι \272F
Αστέρι με σφαιρικές απολήξεις \2749
Έντονη οκτάκτινη έλικα σε σχήμα σταγόνας \274Β
Αστέρι με κενό κέντρο \2732
Βαμμένος ήλιος με ακτίνες \2600
σύννεφα \2601
Ομπρέλα \2602
Σημάδι επιλογής σε τετράγωνο \2611
Σταυρός σε τετράγωνο \2612
Συνοφρυωμένο emoticon \2639
Χαμογελώντας emoticon \263Α
Σκιασμένο χαμογελαστό emoticon \263Β
Σφυρί και δρεπάνι \262D
Γεμάτη σημαία \2691
Κενή σημαία \2690
Τρίγραμμα \2630
Ζωγραφισμένο λουλούδι \273στ
Κενό λουλούδι \2740
Λουλούδι με έξι πέταλα \273Ε
Χρωματιστό περίγραμμα λουλουδιών \2741
Λουλούδι από κουκκίδες \2742
Φάκελος \2709
Καρδιά με τη μορφή ενός λουλουδιού \2766
Νούμερο 1 \2776
Νούμερο 2 \2777
Νούμερο 3 \2778
Νούμερο 4 \2779
Νούμερο 5 \277Α
Νούμερο 6 \277Β
Νούμερο 7 \277C
Νούμερο 8 \277D
Νούμερο 9 \2792
Νούμερο 10 \2793
Έντονο σύμβολο πολλαπλασιασμού \2716
Τολμηρός σταυρός \2718
Έντονο σημάδι επιλογής \2714
Χοντρός σταυρός \271Α
Σύμβολο ατόμου \269Β
Σύμβολο ανακύκλωσης \267Α
Απλήρωτο τετράγωνο με κάτω δεξιά σκιά \2751
Απλήρωτο τετράγωνο με πάνω δεξιά σκιά \2752
Διαμάντι σε πλαίσιο \25C8
Κύκλος με το αριστερό μισό γεμάτο \25D0
Κύκλος με το δεξί μισό συμπληρωμένο \25D1
Τρία αστέρια \2042

Σημεία στίξης

Εμφάνιση Ονομασία Κώδικας HTML Κωδικός CSS
< Σήμα λιγότερο από (αρχή ετικέτας) < \003C
> Σημάδι μεγαλύτερο από (τέλος ετικέτας) > \003E
« Αριστερός βραχίονας διπλής γωνίας « \00AB
» Δεξί γωνιακό στήριγμα » \00BB
Μονό απόσπασμα αριστερής γωνίας \2039
Μονό απόσπασμα δεξιά γωνία \203Α
« Διπλό απόσπασμα " \0022
Μονό εγκεφαλικό \2032
Διπλό κτύπημα \2033
Αριστερό ενιαίο απόσπασμα \2018
Σωστό μεμονωμένο απόσπασμα \2019
Κάτω ενιαίο απόσπασμα \201Α
Αριστερό διπλό απόσπασμα \201C
Σωστό διπλό απόσπασμα \201D
Κάτω διπλό απόσπασμα \201Ε
Έντονο μονό κόμμα \275C
Έντονο μονό περιστρεφόμενο άνω κόμμα \275Β
& Αμπέρσαντ & \0026
Απόστροφο (μονό απόσπασμα) " \0027
§ Παράγραφος § \00A7
© Σημάδι πνευματικών δικαιωμάτων \00A9
¬ Σημάδι άρνησης ¬ \00AC
® Σήμα κατατεθέν ® \00AE
¯ Μακρόν ¯ \00AF
° Βαθμός ° \00B0
± Συν ή πλην ± \00B1
¹ Υπεργραφή "1" ¹ \00B9
² Υπεργραφή "2" ² \00B2
³ Υπεργραφή "3" ³ \00B3
¼ Ένα τέταρτο ¼ \00π.Χ
½ Ένα δευτερόλεπτο ½ \00BD
¾ Τρία τέταρτα ¾ \00BE
´ Σημάδι προφοράς ´ \00B4
µ Μικρο µ \00B5
Σημάδι παραγράφου \00B6
· Σημάδι πολλαπλασιασμού · \00B7
¿ Αντεστραμμένο ερωτηματικό ¿ \00BF
ƒ Σημάδι Φλωρίνης ƒ \0192
Εμπορικό σήμα \2122
Δείκτης λίστας . \2022
Ellipsis \2026
Υπεργράμμιση \203Ε
Εμ παύλα - \2013
- Εμ παύλα \2014
ppm \2030
} Δεξί σγουρό στήριγμα } \007Δ
{ Αριστερό σγουρό στήριγμα { \007Β
= Σήμα ίσου = \003D
Σημάδι ανισότητας \2260
Συμφωνία (γεωμετρική ισότητα) \2245
Σχεδόν ισάξια \2248
Λιγότερο ή ίσο \2264
Μεγαλύτερο ή ίσο \2265
Γωνία \2220
Κάθετη (κουμπί επάνω) \22A5
Τετραγωνική ρίζα \221Α
Ν-αρικό άθροισμα \2211
Ολοκλήρωμα \222Β
Σημάδι υποσημείωσης \203Β
÷ Σημάδι διαίρεσης ÷ \00F7
Σημάδι απείρου \221Ε
@ σύμβολο σκύλου @ \0040
[ Αριστερή αγκύλη [ \005B
] Δεξιά αγκύλη ] \005Δ

βέλη

Εμφάνιση Ονομασία Κώδικας HTML Κωδικός CSS
Αριστερό βέλος \2190
Πάνω βέλος \2191
Δεξί βέλος \2192
κάτω βέλος \2193
Αριστερό-δεξιό βέλος \2194
Κάτω και αριστερό βέλος – πινακίδα επιστροφής άμαξα \21B5
Διπλό αριστερό βέλος \21D0
Διπλό επάνω βέλος \21D1
Διπλό βέλος προς τα δεξιά \21D2
Διπλό κάτω βέλος \21D3
Διπλό αριστερό-δεξί βέλος \21D4
Πετώντας βέλος \27A0
Αιχμή βέλους \27A4
Καμπύλο βέλος που δείχνει προς τα κάτω και προς τα δεξιά \27A5
Καμπύλο βέλος που δείχνει προς τα πάνω και προς τα δεξιά \27A6
Βέλος προς τα δεξιά \27B3
\21ΒΑ
Στρογγυλό βέλος με αριστερόστροφη άκρη \21ΒΒ
Χοντρό βέλος κοιλότητας \21E7
Αριστερό βέλος με γάντζο \21A9
Βέλος με κλίση προς τα κάτω \27AB
Συμπληρωμένο κάτω βέλος \2B07
Συμπληρωμένο βέλος \2B06

Κοστούμια καρτών, ζώδια και εικονίδια νομισμάτων

Εμφάνιση Ονομασία Κώδικας HTML Κωδικός CSS
"μπαστούνια" \2660
"Λόμπες" \2663
"Καρδιές" \2665
"Διαμάντια" \2666
Περίγραμμα "Καρδιές" \2661
Περίγραμμα "Ντέφι" \2662
Περίγραμμα κορυφών \2664
Περίγραμμα "Σύλλογοι" \2667
¢ Σεντ ¢ \FFE0
£ λίρα στερλίνα £ \FFE1
Ρωσικό ρούβλι \20BD
¥ γιεν ή γιουάν ¥ \00A5
Ευρώ \20AC
$ Δολάριο $ \0024
Σημάδι γριβνίας \20B4
Ρουπία Ινδίας \20B9
CNY \5713
Καζακστάν τένγκε \20B8
Κριός \2648
Ταύρος \2649
Δίδυμα \264Α
Καρκίνος \264Β
Λιοντάρι \264C
Παρθένος \264D
Ζυγός \264Ε
Σκορπιός \264F
Τοξότης \2650
Αιγόκερως \2651
Υδροχόος \2652
Ψάρι \2653

Ελληνικό αλφάβητο

Επιστολή πεζά κεφαλαία
σύμβολο κώδικας html σύμβολο κώδικας html
άλφα α α Α Α
βήτα β β Β Β
γάμμα γ γ Γ Γ
δέλτα δ δ Δ Δ
έψιλο ε ε Ε Ε
ζήτα ζ ζ Ζ Ζ
αυτό η η Η Η
θήτα θ θ Θ Θ
ιώτα ι ι Ι Ι
κάπα κ κ Κ Κ
λάμδα λ λ Λ Λ
mu μ μ Μ Μ
γυμνός ν ν Ν Ν
xi ξ ξ Ξ Ξ
όμικρο ο ο Ο Ο
πι π π Π Π
ro ρ ρ Ρ Ρ
σίγμα σ σ Σ Σ
τελικό σίγμα ς ς
ταυ τ τ Τ Τ
ύψιλο υ υ Υ Υ
fi φ φ Φ Φ
χε χ χ Χ Χ
psi ψ ψ Ψ Ψ
ωμέγα ω ω Ω Ω

Πώς να το χρησιμοποιήσετε στην πράξη


Ανεξάρτητα από το CMS, η προσθήκη ενός άρθρου γίνεται με χρήση οπτικού επεξεργαστή και έκδοσης HTML. Όλοι οι ειδικοί χαρακτήρες στην κωδικοποίηση μπορούν να εισαχθούν μόνο στη δεύτερη περίπτωση. Για να χρησιμοποιήσετε σωστά τα εργαλεία, συνιστάται να σημειώσετε τους πίνακες που δείχνουν τον κώδικα και την εξωτερική αναπαράσταση.

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