Υπολογιστές, Προγραμματισμός
HTML-tags για το κείμενο: η ευθυγράμμιση, το μέγεθος, τη γραμματοσειρά
Φαίνεται, τι πρέπει να ξέρετε HTML-tags για το κείμενο, αν είναι σε σχεδόν κάθε διαχειριστής έχει ένα εύχρηστο οπτικό επεξεργαστή, που τους βάζει αυτόματα;
Το γεγονός ότι η μορφοποίηση του περιεχομένου της ιστοσελίδας είναι αρκετά διαφορετική από την εργασία σε εφαρμογές γραφείου. Δεν υπάρχει μόνο αρκεί για να δώσει στο κείμενο μια ελκυστική εμφάνιση, λόγω της ορθής καταχώρισης δεν εξαρτάται εμφανίζει μόνο μια ιστοσελίδα, αλλά και την προώθηση της στις μηχανές αναζήτησης.
HTML-tags και χαρακτηριστικά: βασική σύνταξη
Κάθε κείμενο έχει ένα κρυφό κώδικα που «εξηγεί» τον υπολογιστή τι και πώς θέλετε να εμφανίζεται στην οθόνη. Όλες οι πληροφορίες καταγράφονται με ένα σύνολο καθολικών στοιχείων.
Στην πραγματικότητα, HTML-tags για κείμενο - αυτή η ομάδα, που προσθέτουν στην σελίδα του ορίζεται μπλοκ ή να αλλάξετε την εμφάνισή τους. Η σωστή μορφή εγγραφής έχει ως εξής:
Παρακαλώ σημειώστε ότι δεν είναι όλα τα tags ζεύγη. Για παράδειγμα,
(γραμμή πάσα) ή
(οριζόντια προσθήκης γραμμή) δεν χρειάζεται να κλείσει καθόλου.
Γιατί δεν μπορείτε να αντιγράψετε άρθρα από το Word και άλλα προγράμματα στον επεξεργαστή του site
Παρόλο που τα σύγχρονα προγράμματα γραφείου χρησιμοποιούν τις ίδιες HTML-tags για κείμενο, το 99% του φυσικού κώδικα δεν είναι κατάλληλο για ιστοσελίδες. Ακόμα κι αν στο έγγραφο εφαρμογής εμφανίζεται συνήθως, όταν τοποθετείτε το site μπορεί να χάσει τη μορφοποίηση. Επιπλέον, λόγω του μεγάλου αριθμού των επιπλέον ετικέτες, και οι μηχανές αναζήτησης δεν μπορεί να αναλύσει επαρκώς το περιεχόμενο των ιδιοτήτων σελίδας. Αυτό, με τη σειρά του, καθιστά δύσκολη την προώθηση της ιστοσελίδα σας.
Για να αποκτήσετε ένα καθαρό και σχετικό κώδικα, θα πρέπει πρώτα να καθαρίσει το κείμενο από την HTML-tags που δημιουργήθηκε με το συνηθισμένο επεξεργαστή. Υπάρχουν διάφοροι τρόποι να γίνει αυτό:
- «Ξεφορτωθείτε» το άρθρο μέσω του «Σημειωματάριο» και μόνο στη συνέχεια τοποθετήστε το site. Η εφαρμογή διαγράφει όλα τα HTML, έτσι ώστε στη συνέχεια να εκ νέου να μορφοποιήσετε το κείμενο (χρησιμοποιώντας το πρόγραμμα επεξεργασίας ή εργαλεία χειρός).
- Γράψτε και δημοσιεύει άρθρα μέσω LiveWriter. Το δημοφιλές πρόγραμμα επεξεργασίας blog δημιουργεί αμέσως το σωστό κωδικό. Και σε μια ξεχωριστή καρτέλα, μπορείτε να δείτε πώς το κείμενο θα δείτε στην ιστοσελίδα της.
- Χρησιμοποιήστε HTML Cleaner. Αυτή η online υπηρεσία δεν είναι να καταστρέψει όλα του κώδικα στο σύνολό του, αλλά μόνο τα επιπλέον τμήματα. Με τα φίλτρα, μπορείτε να επιλέξετε ποιες ετικέτες για την αποθήκευση. Υπάρχει επίσης ένα ισχυρό πρόγραμμα επεξεργασίας WYSIWYG σε μορφή, η οποία προσθέτει στα ήδη βελτιστοποιημένες εντολές κώδικα.
Να ελέγχετε πάντα το HTML, πριν να δημοσιεύσει μια νέα θέση. Σε αυτό θα πρέπει να υπάρχουν άλλα από εκείνα που θα εξετάσουμε τώρα τις ετικέτες.
παραγράφους
Αυτό το στοιχείο είναι παρόν σχεδόν σε όλα τα άρθρα. Κάθε παράγραφος πρέπει να τοποθετείται σε ένα τέτοιο δοχείο - αυτό απλοποιεί τη μορφοποίηση και σας επιτρέπει να κρατήσετε ένα ομοιόμορφο στυλ σε όλη την περιοχή. Για λόγους ευκολίας,
tag είναι πάντα γραμμένο με μια νέα γραμμή.
ευθυγραμμία
Ξεχωριστή HTML-tag «Στοίχιση κειμένου» δεν χρησιμοποιείται πλέον. Αντ 'αυτού, η καθολική ιδιότητα ALIGN έχει δημιουργηθεί. Για να αλλάξετε τη θέση του πλαισίου κειμένου στη σελίδα, θα πρέπει να επιλέξετε μία από τις 3 τιμές - ΚΕΝΤΡΟ, δεξιά ή αριστερά. Ομοίως, μπορείτε να καθορίσετε την ευθυγράμμιση των άλλων στοιχείων - όπως κεφαλίδες.
Σε ορισμένες περιπτώσεις, για την ευθυγράμμιση χρησιμοποιούν άλλες ετικέτες HTML. με επίκεντρο το κείμενο, για παράδειγμα, μπορεί να γίνει με τη βοήθεια του στοιχείου
Κλάσεις και διακρίσεις
υπότιτλους Το σύστημα σας επιτρέπει να δημιουργήσετε μια λογική δομή του περιεχομένου. Όταν το κείμενο χωρίζεται σε σημασιολογικές μονάδες, ο αναγνώστης είναι πολύ πιο εύκολο να συγκεντρωθούν και να μάθουν νέες πληροφορίες. Μηχανές αναζήτησης ανέλυσε επίσης τα πρωτοσέλιδα για να δείτε ποια ερωτήματα προωθούν τη σελίδα. Αυτός είναι ο λόγος για τον οποίο οι εμπειρογνώμονες SEO προτείνουμε για χρήση σε θεματικές κλειδιά τους.
Στην HTML χρησιμοποιεί έξι επίπεδα υπότιτλους - από το
να . Σε αυτό το σύστημα, υπάρχει μια σαφής ιεραρχία:
-
... H1>
. Το κύριο τίτλο (τίτλος του άρθρου, τα εμπορεύματα στο ηλεκτρονικό κατάστημα, κλπ. Δ). Στο κείμενο μπορεί να υπάρχει μόνο ένα . Συνήθως, περιέχει τις βασικές λέξεις-κλειδιά.
-
... H2>
. Υπότιτλοι δεύτερο κείμενο διάλειμμα επίπεδο σε σημαντικές μονάδες. Για παράδειγμα, αν ήσασταν βαθμολογία φορητούς υπολογιστές, μπορείτε να κάνετε μερικά με τα ονόματα των διαφόρων μοντέλων.
-
... H3>
. Το τρίτο επίπεδο είναι απαραίτητη εάν το κείμενο μεταξύ του είναι επίσης χωρίζεται σε μικρά τεμάχια. Στο παράδειγμά μας, αυτό μπορεί να είναι τα κριτήρια αξιολόγησης - «Performance», «Μνήμη», «Βίντεο», και ούτω καθεξής για κάθε μοντέλο ...
-
, <Η5>,
<Η6>. Στην πράξη, πολύ σπάνια. Όμως, η γενική αρχή είναι η ίδια - θα πρέπει να «ενσωματωθεί» στη μονάδα με το υψηλότερο επίπεδο των υποτίτλων.
-
... H1>
. Το κύριο τίτλο (τίτλος του άρθρου, τα εμπορεύματα στο ηλεκτρονικό κατάστημα, κλπ. Δ). Στο κείμενο μπορεί να υπάρχει μόνο ένα. Συνήθως, περιέχει τις βασικές λέξεις-κλειδιά.
-
... H2>
. Υπότιτλοι δεύτερο κείμενο διάλειμμα επίπεδο σε σημαντικές μονάδες. Για παράδειγμα, αν ήσασταν βαθμολογία φορητούς υπολογιστές, μπορείτε να κάνετε μερικάμε τα ονόματα των διαφόρων μοντέλων.
-
... H3>
. Το τρίτο επίπεδο είναι απαραίτητη εάν το κείμενο μεταξύ τουείναι επίσης χωρίζεται σε μικρά τεμάχια. Στο παράδειγμά μας, αυτό μπορεί να είναι τα κριτήρια αξιολόγησης - «Performance», «Μνήμη», «Βίντεο», και ούτω καθεξής για κάθε μοντέλο ...
-
, <Η5>,
<Η6>. Στην πράξη, πολύ σπάνια. Όμως, η γενική αρχή είναι η ίδια - θα πρέπει να «ενσωματωθεί» στη μονάδα με το υψηλότερο επίπεδο των υποτίτλων.
Προσέξτε για τη διατήρηση της σωστής ιεράρχησης. Επιστρέφοντας στο παράδειγμά μας, αυτό σημαίνει ότι δεν μπορείτε να εισάγετε αμέσως τα ονόματα μοντέλο όπως το
ή <Η5>. Και επιπλέον να χρησιμοποιούν ομοιογενή με την έννοια των υποτίτλων μπλοκ των διαφορετικών επιπέδων (για παράδειγμα, επισημάνετε ένα φορητό υπολογιστή, κατατάσσεται τελευταία στην κατάταξη, χρησιμοποιώντας <Η6>).
Αλλά το σύστημα, το οποίο θα καταλάβει αμέσως και να θυμάστε τη σωστή δομή των επικεφαλίδων στην HTML.
λίστες
Οι εντολές μεταβίβασης και καλύτερη εκδίδονται με τη μορφή των καταλόγων, χρησιμοποιώντας ένα ειδικό HTML-tags για κείμενο (ένα κοινό λάθος - μόνο μερικά σημεία της
, που ξεκινούν με παύλα ή ένα ψηφίο).
Η δομή αυτών των μπλοκ είναι πολύ απλή. Αρχικά, ορίζουμε τον τύπο της λίστας - κουκκίδες
- ... UL> ή αριθμημένα
- ... LI>. Ο αριθμός των στοιχείων δεν περιορίζεται.
Font επιλογή: και τα χαρακτηριστικά της
Τι μπορεί να αλλάξει με τη χρήση της HTML-tag; Το μέγεθος του κειμένου, τη γραμματοσειρά και το χρώμα του - και χωρίς την προσθήκη νέων κατηγοριών σε CSS. Αυτό είναι πολύ χρήσιμο όταν πρέπει να επιλέξετε μόνο μια φράση ή ένα τεμάχιο.
έχει πολλά χαρακτηριστικά:
- Πρόσωπο. Σας επιτρέπει να αλλάξετε τη γραμματοσειρά του κειμένου. Μπορείτε να λίστα πολλαπλών επιλογών, χωρισμένα με κόμμα (Tahoma, Verdana). Εκτός και αν ο χρήστης πρώτη γραμματοσειρά, το σύστημα χρησιμοποιεί μια απλή εναλλακτική λύση.
- Μέγεθος. Για να αυξήσετε ή να μειώσετε το κείμενο, εισαγάγετε μια τιμή από 1 έως 7.
- Χρώμα. Ανάλογα με το σχεδιασμό, μπορείτε να επιλέξετε ένα από τα βασικά χρώματα (κόκκινο, πράσινο, μπλε) ή να εισάγετε τον κωδικό του κάθε χρώματος για να διαλέξετε.
Μην χρησιμοποιείτε τις παραγράφους που έχουν μορφοποιηθεί χρησιμοποιώντας το , αντί υπότιτλους. Είναι καλύτερα να ρωτήσετε τις ίδιες παραμέτρους σχεδιασμού σωστή ετικέτα.
Μέθοδοι για την επιλογή κειμένου
Μονότονη κουραστικό κείμενο, ακόμα και αναλύονται σε παραγράφους. τα βασικά σημεία συνιστάται να διαθέσει γραφικά για να προσελκύσουν την προσοχή και να κεντρίσει το ενδιαφέρον του αναγνώστη. Εδώ είναι μερικές ομάδες που θα αντιμετωπίσει αυτό το έργο.
... B> . Εξαιρετικά δημοφιλής HTML-tag. Έντονο κείμενο πιάνει το μάτι, αλλά επειδή με αυτό είναι βολικό να διακρίνει τα σημαντικά θέματα συζήτησης και γεγονότα.
Πολλοί άνθρωποι συγχέουν ετικέτες <Β> και . Οπτικά δεν υπάρχει καμία διαφορά, αλλά λειτουργούν με διαφορετικούς τρόπους. Το πρώτο αλλάζει απλώς την εμφάνιση του κειμένου, και η άλλη λειτουργεί ως «δείκτης» και τονίζει τα πιο σημαντικά μέρη (θεματικές λέξεις-κλειδιά και φράσεις για SEO).
... I> . Κομψό και αυστηρό μάθημα είναι ιδανικό για το σχεδιασμό των επιστημονικών όρων, ξένες λέξεις και διάφορες αναφορές. Σε σοβαρές δημοσιεύσεις πλάγια κυκλοφορήσει επίσης τα ονόματα των έργων τέχνης.
... U> . Ίσως τόσο πολύ διαμάχη δεν προκαλεί καμία HTML-tag. Υπογράμμιση κειμένου χρησιμοποιείται σπάνια, καθώς αυτή η μέθοδος κατανομής ιστορικά εδραιωμένη για υπερ-συνδέσεις. Εάν χρησιμοποιείτε το σε άρθρα, παρακαλούμε να σημειώσετε ότι αυτό είναι κατάλληλο μόνο για μικρά κομμάτια - όχι περισσότερο από 1 γραμμή.
... S>. Ενδιαφέρουσες ετικέτα που σας επιτρέπει να κάνετε μερικά από τα διαγραφή κειμένου. Πολύ σχετικό με τη διαφήμιση - για παράδειγμα, για να τονίσει την αντίθεση μεταξύ των παλαιών και των νέων τιμών.... BIG> . Ο ευκολότερος τρόπος για να αυξηθεί το μέγεθος της γραμματοσειράς χωρίς επιπλέον ρυθμίσεις.
... SMALL> . Λειτουργεί με την ίδια αρχή με την προηγούμενη ετικέτα. Κείμενο τοποθετημένο εντός, μειωμένη σε σχέση με το έδαφος.
... sup> . Το σωστό όνομα για αυτή τη μορφή - η εκθέτη. Βασικά, αυτή η ετικέτα είναι σχεδιασμένη για πτυχία μαθηματικών και υποσημειώσεις. Μειώνει το μέγεθος της γραμματοσειράς και μετατοπίζει το επιλεγμένο κείμενο επάνω.
... SUB> . Ο δείκτης βρίσκεται συχνά σε μια ποικιλία τύπων. Το απομονωμένο θραύσμα βρίσκεται κάτω από το κύριο κείμενο.
σημασιολογική δοχεία
Καθώς ορισμένα τμήματα βρίσκονται σε πολλά κείμενα, γιατί άρχισε να δημιουργεί ειδικές ετικέτες. Αυτό απλοποιεί τη μορφοποίηση, γιατί αν το κάθε είδος περιεχομένου έχει το δικό του σύνολο των στυλ, διαθέτουν επαρκή κομμάτι του κειμένου και να αναφέρει ποιες πληροφορίες που περιέχει.
... code>. Tag για τους κωδικούς του υπολογιστή. Απαραίτητο στα άρθρα Προγραμματισμός παραδείγματα - εντολές δεν εκτελούνται και εμφανίζεται ως απλό κείμενο.... cite> . Σχεδιασμένο για να επεξεργαστεί εισαγωγικά - για παράδειγμα, τα βασικά αποσπάσματα από τη συνέντευξη.
... blockquote>
. Κάνει μέρος του κειμένου σε ένα ξεχωριστό μπλοκ. Από προεπιλογή, η επιλογή είναι εσοχή στο αριστερό, αλλά σε CSS μπορείτε επίσης να αλλάξετε το μέγεθος, το στυλ γραμματοσειρά και το χρώμα του κειμένου.<ΔΙΕΥΘΥΝΣΗ> ... address> . Προαιρετική ετικέτα που περιέχει πληροφορίες για το συγγραφέα, συμπεριλαμβανομένου ενός συνδέσμου.
Η διαχωριστική γραμμή
Με απλές λειτουργίες, μπορείτε να ορίσετε τη λογική τέλος ενός μεγάλου τμήματος. ετικέτες
δεν είναι ζευγάρι. Αυτό σημαίνει ότι το κλείσιμο ...> δεν χρειάζεται ένα στοιχείο μορφή.C χρησιμοποιώντας ΠΛΑΤΟΣ χαρακτηριστικό μπορεί να γίνει μικρότερο από το διαχωριστή θέτοντας το κατάλληλο μέγεθος σε εικονοστοιχεία ή ποσοστό του πλάτους παραθύρου.
Για να μάθουν να χρησιμοποιούν τις ετικέτες για να μορφοποιήσετε το κείμενο σε μορφή HTML, που όχι μόνο θα κάνουν τα άρθρα σας πιο εύκολο να διαβάσει, αλλά και τη βελτίωση της αποτελεσματικότητας του SEO.
- ... OL>.
Όλα τα στοιχεία που βρίσκονται μεταξύ των ετικετών ανοίγματος και κλεισίματος. Κάθε στοιχείο της λίστας ξεκινά με μια νέα γραμμή και έχει τη μορφή
Similar articles
Trending Now