Κωδικοί HTML για μορφοποίηση κειμένου: εισαγάγετε παράγραφο & Co.
Η μορφοποίηση κειμένου σε HTML λειτουργεί πολύ διαφορετικά από ό, τι στο Word ή το LaTeX. Χρησιμοποιήστε διαφορετικούς κωδικούς για παραγράφους, διαλείμματα γραμμής και Co. Σε αυτή την πρακτική συμβουλή, παρουσιάζουμε τις πιο σημαντικές ετικέτες για μια φιλική προς τον browser δομή και σχεδίαση του κειμένου σας σε HTML.
Πώς να δομήσετε το κείμενο σε HTML
Πολλές μορφές χειροκίνητου κειμένου απλώς αγνοούνται στο HTML. Πρέπει να κωδικοποιούνται ρητά για να ερμηνεύονται σωστά από το πρόγραμμα περιήγησης.
- Δημιουργείτε παραγράφους διαγράφοντας μια παράγραφο στο περιβάλλον παραγράφου με "
"να ξεκινήσει και να"
"φινίρισμα. - Στη συνέχεια, δεν χρειάζεται να κάνετε διαχωριστικά γραμμών μεταξύ των παραγράφων · μεταξύ δύο παραγράφων, τα διαλείμματα γραμμής δημιουργούνται αυτόματα.
- Μπορείτε να ορίσετε την ευθυγράμμιση κειμένου στο περιβάλλον παραγράφων. Αριστερά Δικαιολογήστε | Δικαιώστε Δικαιώστε | Δικαιολογήστε ακριβώς όπως αυτό: "
"σε" "
- Προσοχή: Η μορφοποίηση κειμένου στο περιβάλλον των παραγράφων δεν λειτουργεί σε HTML5. Εναλλακτικά, χρησιμοποιήστε τα φύλλα στυλ CSS και τον κώδικα "
, Σας παρουσιάζουμε πώς να ενσωματώσετε το CSS σε HTML5.
- Εναλλακτικά, κεντράρετε μεμονωμένες γραμμές κειμένου ή ολόκληρες παραγράφους στο κεντρικό περιβάλλον: "" έως ""
- Μέσα σε μια παράγραφο ή αν θέλετε να εισαγάγετε ένα ή περισσότερα διαλείμματα γραμμής χειροκίνητα, μπορείτε να το κάνετε αυτό μέσω του "
"Αυτό σημαίνει" σειρά φρένων ", αλλά ίσως θα το θυμηθείτε καλύτερα από το" σπάσιμο "του" σπασίματος ". - Μπορείτε απλά να εισαγάγετε ένα κενό χρησιμοποιώντας το πλήκτρο διαστήματος. Για να δημιουργήσετε αρκετούς διαστήματα στη σειρά, γράψτε πολλές φορές. Αυτός είναι ο "μη σπασμένος χώρος".
- Αν θέλετε να βεβαιωθείτε ότι μια γραμμή κειμένου δεν διαχωρίζεται με αυτόματο σπάσιμο γραμμής, χρησιμοποιήστε το περιβάλλον "no-break": "" γύρω από το κείμενο που δεν πρέπει να διαχωρίζεται ""
- Το ένα τέχνασμα για την ανάληψη της τυποποιημένης μορφοποίησης κειμένου είναι το προκαθορισμένο περιβάλλον: Γράψτε ανάμεσα στο "
"και" "Κείμενο με διαχωριστικά γραμμών ή με διαστήματα σε σειρά, υιοθετείται αυτή η μορφοποίηση.
- Μπορείτε επίσης να επιλέξετε ένα σχετικά ελεύθερο φάσμα του κειμένου πηγής HTML μέσω του περιβάλλοντος διαίρεσης "
Format "και" "ειδικά.
- Για παράδειγμα,
msgstr "για ευθυγράμμιση κειμένου, ή
για να αντιστοιχίσετε ένα χρώμα στην περιοχή μέσω εξαγώνου.
- Προειδοποίηση: Το περιβάλλον διαίρεσης δεν λειτουργεί ούτε σε HTML5.
- Οι διαφορετικές ιεραρχίες των κλάσεων είναι σημαντικές για τη δομή και την SEO:
Τίτλος σελίδας,
Τίτλος ενός κεφαλαίου,
Ο τίτλος του τμήματος,
Τίτλος μιας υποενότητας, ... που ανεβαίνει
,
- Στην περίπτωση αυτή ισχύουν τα εξής: Όσο μικρότερος είναι ο αριθμός, τόσο πιο σημαντικός και μεγαλύτερος είναι ο τίτλος.
Πώς να μορφοποιήσετε το κείμενο σε HTML
Μπορείτε φυσικά να σχεδιάσετε το ίδιο το κείμενο σε HTML:
- Το κείμενο που βρίσκεται μεταξύ " " και "" στο έντονο περιβάλλον είναι γραμμένο με έντονα γράμματα.
- Αντίστοιχα, " " και "" στο πλάγιο πλάτος .
- Το υπογραμμισμένο περιβάλλον "" σε "" υπογραμμίζει το κείμενό σας. Η υπογράμμιση σπάνια χρησιμοποιείται στα κείμενα του διαδικτύου, διότι θα μπορούσε να παρεξηγηθεί ως σύνδεσμος.
- Έχουμε τη δική μας πρακτική συμβουλή που εξηγεί λεπτομερώς πώς να αλλάξετε το μέγεθος της γραμματοσειράς του κειμένου στο HTML.
- Για να αλλάξετε τη γραμματοσειρά, ακολουθήστε τις οδηγίες στην πρακτική μας συμβουλή.
Σχεδιάστε τη χρήση HTML5, ξεκινήστε με το σεμινάριο HTML5 και βελτιστοποιήστε το σχεδιασμό και το περιεχόμενο του ιστότοπού σας με τις συμβουλές SEO.