Τρόπος χρήσης ειδικών χαρακτήρων σε HTML

The best protection against click fraud.

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

Ο ρόλος των ειδικών χαρακτήρων σε HTML

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

instagram viewer
© και Ñ. Για χαρακτήρες που δεν έχουν κλειδί στο πληκτρολόγιό σας, εισαγάγετε έναν κωδικό.

Ειδικοί χαρακτήρες.
Εικόνες CSA / Getty Images

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

Υπάρχουν τρεις χαρακτήρες στον πυρήνα της σύνταξης του κώδικα HTML. Δεν πρέπει ποτέ να τα χρησιμοποιείτε στα αναγνώσιμα τμήματα της ιστοσελίδας σας χωρίς να τα κωδικοποιείτε πρώτα για σωστή προβολή. Είναι τα σύμβολα μεγαλύτερα από, λιγότερο από και συμπλεκτικά. Με άλλα λόγια, δεν πρέπει ποτέ να χρησιμοποιείτε το σύμβολο λιγότερο από το < στον κώδικα HTML εκτός και αν είναι η αρχή ενός Ετικέτα HTML. Εάν το κάνετε, ο χαρακτήρας μπερδεύει τα προγράμματα περιήγησης και οι σελίδες σας ενδέχεται να μην αποδίδονται όπως περιμένετε. Οι τρεις χαρακτήρες που δεν πρέπει ποτέ να προσθέσετε χωρίς κωδικοποίηση είναι:

  • λιγότερο από το σημάδι <
  • μεγαλύτερο από το σύμβολο >
  • ampersand &

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

  • λιγότερο από το σύμβολο - <
  • μεγαλύτερο από το σύμβολο - >
  • ampersand - &

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

Ειδικοί χαρακτήρες που δεν μπορείτε να πληκτρολογήσετε

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

Για παράδειγμα, ο "φιλικός κώδικας" για το σύμβολο πνευματικών δικαιωμάτων είναι © και ™ είναι ο κωδικός για το σύμβολο του εμπορικού σήματος.

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

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

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

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

Ορισμένα σύνολα χαρακτήρων περιλαμβάνουν:

  • Κωδικοί νομίσματος
  • Μαθηματικοί κωδικοί
  • Κωδικοί στίξης
  • Κωδικοί προφοράς
  • Κωδικοί διακριτικών

Χαρακτήρες μη αγγλικής γλώσσας

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

  • Ισπανικά
  • γαλλική γλώσσα
  • Ελληνικά
  • ρουμανικός

Τι είναι οι δεκαεξαδικοί κωδικοί;

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

Προσθέστε τη δήλωση Unicode στην κεφαλή του εγγράφου σας

Προσθέστε την ακόλουθη μετα-ετικέτα οπουδήποτε μέσα στο.

content = "text / html; charset = utf-8 "/>

Συμβουλές

Ανεξάρτητα από τη μέθοδο που χρησιμοποιείτε, λάβετε υπόψη μερικές βέλτιστες πρακτικές:

Να τερματίζετε πάντα την οντότητά σας με ερωτηματικό

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

Ξεκινάτε πάντα με ένα ampersand

Πολλοί συντάκτες ιστού σάς επιτρέπουν να ξεφύγετε από την έξοδο από το "amp;" αλλά όταν εμφανίζετε μόνο ένα ampersand XHTML, προκαλεί σφάλμα επικύρωσης.

Δοκιμάστε τις σελίδες σας σε όσο το δυνατόν περισσότερα προγράμματα περιήγησης

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

instagram story viewer