Πώς να δημιουργήσετε έντονες γραμματοσειρές σε HTML. Δημιουργία έντονων και πλάγιων γραμματοσειρών με χρήση έντονης γραμματοσειράς CSS β
Ας δούμε όλους τους τρόπους με τους οποίους μπορείτε να δημιουργήσετε μια έντονη γραμματοσειρά χρησιμοποιώντας html και CSS. Υπάρχουν δύο επιλογές:
- Μέσω ετικέτας html Και
- Διά μέσου Ιδιότητα CSSβάρος γραμματοσειράς
Έντονη γραμματοσειρά μέσω ετικέτας html Και
Όλο το κείμενο περικλείεται σε ετικέτες html και θα είναι χοντρό. Η πρώτη ετικέτα, που αποτελείται από ένα ασυνήθιστο γράμμα "b", είναι μια συντομογραφία της αγγλικής λέξης "bold".
Δεν υπάρχει οπτική διαφορά μεταξύ των δύο ετικετών. Υπάρχει μια άποψη μεταξύ των SEO optimizers ότι για μηχανές αναζήτησης έχει μεγαλύτερο αντίκτυπο όταν θέλουμε να επισημάνουμε μια λέξη-κλειδί.
Κανονική γραμματοσειρά. Έντονη γραφή μέσω της ετικέτας b
Απλό κείμενο.
Μετατρέπει στη σελίδα σε
Κανονική γραμματοσειρά. Έντονη γραφή μέσω της ετικέτας b
Απλό κείμενο. Έντονο κείμενο μέσω ισχυρής ετικέτας
Έντονη γραμματοσειρά μέσω της ιδιότητας CSS font-weight
Το CSS έχει την ιδιότητα font-weight, η οποία είναι υπεύθυνη για το πάχος των γραμμάτων.
Σύνταξη βάρους γραμματοσειράς CSS
βάρος γραμματοσειράς: έντονη|πιο τολμηρή|ελαφρύτερη|κανονική|100..900;
- έντονη γραφή - έντονη γραμματοσειρά (ανάλογη με 700)
- κανονική (προεπιλογή) - κανονική τιμή γραμματοσειράς (400)
- πιο έντονη/ελαφρύτερη - η γραμματοσειρά πρέπει να είναι μεγαλύτερη/μικρότερη από τη μητρική
- κληρονομώ - αποδεχτείτε την αξία του προγόνου (γονέα)
Στην περίπτωσή μας, για την τόλμη της γραμματοσειράς, είναι απαραίτητο να εφαρμόσουμε την ιδιότητα έντονης γραφής για να δώσετε στη γραμματοσειρά «πάχος».
Για παράδειγμα:
Текст со свойством font-weight: bold
Преобразуется на странице в
В текущей статье мы поговорим о том, как выделить текст курсивом HTML. Как и в случае с жирным текстом, курсивный текст можно сделать тремя способами:
- Тег i HTML;
- Тег em HTML;
- CSS-свойство font-style .
Рассмотрим все три варианта, как можно сделать курсив в HTML, обсудим тонкости этого вопроса и какие способы удобнее и правильнее использовать в тех или иных ситуациях.
Курсивный текст: тег
Тег i (italic), по аналогии с тегом b для жирного текста, служит для физического выделения курсивного текста (это означает, что изменяется только начертание текста). Применение тега i :
Конструктор сайтов "Нубекс"
Таким образом, нужная часть текста помещается между тегами .
Курсивный текст: тег
Хотя тег i остается валидным, с точки зрения оптимизации сайта лучше использовать тег em для выделения логически важных участков текста. Это означает, что поисковые роботы учитывают важность текста, помещенного между тегами :
Конструктор сайтов "Нубекс"
Результат:
Конструктор сайтов "Нубекс"
Но не стоит забывать, что текст, заключенный в теги i и em , хоть и отображаются практически одинаково (во всех современных браузерах), по своей сути являеются не совсем идентичными, как уже отмечалось выше. Поэтому использовать теги нужно по мере необходимости: тегом em HTML обрамлять важные участки текста, а визуальное курсивное оформление применять с помощью тега i или CSS-стилей. Рассмотрим теперь использование CSS-стилей для курсивного выделения текста.
Курсивный текст силами CSS
Для установления стилей отображения шрифтов в CSS применяется свойство font-style , которое может принимать значения: oblique (наклонный текст), italic (курсив) и normal (обычный шрифт).
Стоит помнить о том, что курсивный шрифт и наклонный , по своей сути, не являются одним и тем же. Курсив - это особый шрифт, который является аналогом рукописного текста, а наклонный формируется посредством наклона обычного шрифта вправо.
Применение атрибута font-style на практике:
Οι ιστοσελίδες μας είναι, πράγματι, τεράστιο βήμαστην ανάπτυξη Ιστού.
Το κάνουμε πραγματικά ποιότητατοποθεσίες.
Αλλά πρέπει να θυμάστε ότι ορισμένα προγράμματα περιήγησης έχουν κείμενο με την ιδιότητα στυλ γραμματοσειράς:λοξή;μπορεί να μην ερμηνευθεί ως πλάγιο κείμενο, αλλά ως πλάγιο κείμενο.
Συνεχίζουμε να εργαζόμαστε με γραμματοσειρές και σε αυτό το μάθημα θα δούμε πώς να ορίσουμε τις ιδιότητες που δίνουν σε μια γραμματοσειρά έντονη ή πλάγια εμφάνιση. Προηγουμένως έχουμε ήδη εξετάσει πώς δημιουργήστε έντονη ή πλάγια γραμματοσειράμε τη χρήση HTMLετικέτες Αλλά όπως ήδη γνωρίζουμε, HTMLδεν πρέπει να χρησιμοποιείται για το σχεδιασμό ενός εγγράφου, προορίζεται μόνο για τη δημιουργία σήμανσης και δομής σελίδας, επομένως τα πάντα πρέπει να μορφοποιούνται μέσω ενός φύλλου στυλ CSS. Και τώρα ας δούμε πώς ορίζονται τέτοιες ιδιότητες.
Πλάγια γραμματοσειρά CSS
Η ιδιότητα σάς βοηθά να μορφοποιήσετε κείμενο με πλάγιους χαρακτήρες στυλ γραμματοσειράς: ; , στο οποίο έχει εκχωρηθεί η τιμή πλάγια γραφή , το οποίο σημαίνει "Font Style - Italic".
Τώρα ας φανταστούμε ότι υπάρχουν πολλές παράγραφοι στη σελίδα και ορισμένες από αυτές πρέπει να είναι πλάγιες. Αυτό που κάνουμε είναι να δημιουργήσουμε μια κλάση για την επιθυμητή παράγραφο και, στη συνέχεια, να καθορίσουμε ότι το στοιχείο με αυτήν την κλάση πρέπει να είναι πλάγια.
HTML
Τέταρτη παράγραφος Τέταρτη παράγραφος Τέταρτη παράγραφος
Ορίστε την ιδιότητα για την πλάγια γραμματοσειρά.
Εάν δημιουργήσατε τέτοιες παραγράφους και ορίσετε μια ιδιότητα για αυτές, τότε το κείμενο της δεύτερης παραγράφου έγινε πλάγιο. Έχουμε ορίσει αυτήν την ιδιότητα για ολόκληρη την παράγραφο και τώρα ας την περιπλέκουμε και ας ορίσουμε πλάγιους χαρακτήρες μόνο για δύο λέξεις στην τέταρτη παράγραφο. Πώς να το κάνετε αυτό; ΣΕ HTMLΣτο μάθημα εξετάσαμε την ετικέτα λογικού επιπέδου . Αυτή η ετικέτα χρησιμοποιείται ακριβώς για περιπτώσεις όπου σε κάποιο μέρος του στοιχείου πρέπει να εκχωρηθεί μια κλάση. Και έτσι ενσωματώνουμε μια ετικέτα στην τέταρτη παράγραφο και της αναθέτουμε μια κλάση τάξη=«πλάγια»> . Ως αποτέλεσμα, λαμβάνουμε την ακόλουθη καταχώρηση:
HTML
Πρώτη παράγραφος Πρώτη παράγραφος Πρώτη παράγραφος Πρώτη παράγραφος
Δεύτερη παράγραφος Δεύτερη παράγραφος Δεύτερη παράγραφος Δεύτερη παράγραφος
Τρίτη παράγραφος Τρίτη παράγραφος Τρίτη παράγραφος Τρίτη παράγραφος
Τέταρτη παράγραφος Τέταρτη παράγραφος Τέταρτη παράγραφος
Πέμπτη παράγραφος Πέμπτη παράγραφος Πέμπτη παράγραφος Πέμπτη παράγραφος
Πλάγια (στυλ γραμματοσειράς: πλάγια; )
Τώρα η δεύτερη παράγραφος και μέρος της τέταρτης παραγράφου εμφανίζονται με πλάγιους χαρακτήρες. ΣΕ διαδήλωσηαυτό φαίνεται ξεκάθαρα.
Έντονη γραμματοσειρά CSS
Για να ορίσετε την έντονη γραμματοσειρά, χρησιμοποιήστε μια άλλη ιδιότητα που ονομάζεται βάρος γραμματοσειράς: ; με άλλα λόγια λέγεται και βάρος γραμματοσειράς. Αρχικά ο κορεσμός έχει οριστεί σε κανονικός δηλαδή ο κορεσμός της γραμματοσειράς είναι κανονικός και ορίζοντας την τιμή τολμηρός θα πάρει μια τολμηρή εμφάνιση.
Έντονη (βάρος γραμματοσειράς: έντονη ; )
Μπορείτε επίσης να ορίσετε την τιμή κορεσμού σε αριθμούς από 100 να 900 σε προσαυξήσεις 100 . Εννοια κανονικός ισοδυναμεί με ένα σχήμα 400 , και την αξία τολμηρός εικόνα 700 . Εννοια 900 δεν υποστηρίζεται από όλες τις γραμματοσειρές, επομένως εάν ορίσετε αυτήν την τιμή, ενδέχεται να μην παρατηρήσετε τη διαφορά από την τιμή 700 . Αυτή η συνθήκη μοιάζει με αυτό:
Έντονη (βάρος γραμματοσειράς: 700 ; )
ΣΕ htmlο κώδικας κάνει ακριβώς το ίδιο: εάν πρέπει να επιλέξετε ολόκληρη την παράγραφο, τότε δώστε της μια νέα τάξη, εάν είναι μέρος του κειμένου, χρησιμοποιήστε την ετικέτα τάξη=«πλάγια»> . Ας δούμε ένα μικρό παράδειγμα:
HTML
Πρώτη παράγραφος Πρώτη παράγραφος Πρώτη παράγραφος Πρώτη παράγραφος
Δεύτερη παράγραφος Δεύτερη παράγραφος Δεύτερη παράγραφος Δεύτερη παράγραφος
Τρίτη παράγραφος Τρίτη παράγραφος Τρίτη παράγραφος Τρίτη παράγραφος
Τέταρτος παράγραφος Τέταρτη παράγραφος Τέταρτηπαράγραφος
Πέμπτη παράγραφος Πέμπτη παράγραφος Πέμπτη παράγραφος Πέμπτη παράγραφος
Έντονη (βάρος γραμματοσειράς: έντονη; )
Ως αποτέλεσμα, επισημάναμε με έντονη γραφή τμήμα της τέταρτης παραγράφου, όπου είναι ταυτόχρονα πλάγιο, και ολόκληρη την πέμπτη παράγραφο. Αυτά είναι δύο ακόμη ακίνητα που μελετήσαμε. Χρησιμοποιούνται αρκετά συχνά, επομένως αξίζει να θυμάστε ότι:
- Καθορίζεται η πλάγια γραμματοσειρά: στυλ γραμματοσειράς: πλάγια γραφή; .
- Η έντονη γραμματοσειρά έχει οριστεί: βάρος γραμματοσειράς: τολμηρός; .
- Για να επαναφέρετε τη γραμματοσειρά σε κανονικό βάρος, ορίστε την τιμή: βάρος γραμματοσειράς: κανονικός; ή νόημα βάρος γραμματοσειράς: 400 ; , που σε αυτή την περίπτωση σημαίνει το ίδιο πράγμα.
Εδώ εξετάσαμε δύο ακόμη ιδιότητες των γραμματοσειρών. Κοιτάξτε μέσα Διαδήλωσητι έπρεπε να έχετε πάρει στο τέλος, και προχωράμε στη μελέτη των παρακάτω ιδιοτήτων.
Γεια σας, αγαπητοί αναγνώστες του ιστολογίου! Αυτό το άρθρο θα μιλήσει για ετικέτες μορφοποίησης κειμένου. Τα κύρια παραδείγματα περιλαμβάνουν τη δημιουργία του κειμένου με έντονη ή πλάγια γραφή. Θα εξετάσουμε επίσης τον αντίκτυπο ορισμένων ετικετών στη βελτιστοποίηση εσωτερικού ιστότοπου και τους κανόνες σύνταξης τους. Μπορείτε να διαβάσετε σχετικά στο συγκεκριμένο άρθρο. Παρεμπιπτόντως, μπορείτε να βρείτε παρόμοια στοιχεία σχεδίασης κειμένου σε πολλούς επεξεργαστές κειμένου, για παράδειγμα στο Word.
Οι ετικέτες χωρίζονται σε 2 τύπους: μπλοκ και ενσωματωμένη. Όταν χρησιμοποιείτε το πρώτο, μπορείτε να αλλάξετε το περιεχόμενο μέρους του κειμένου (γραμμές, μεμονωμένα τμήματα ή λέξεις) και το δεύτερο είναι . Οι ετικέτες μορφοποίησης που θα εξετάσουμε σε αυτό το άρθρο είναι κυρίως πεζά.
Κανόνες και σειρά γραφής ετικετών
Γνωρίζετε ήδη τι είναι οι ετικέτες ανοίγματος και κλεισίματος. Εάν όχι, τότε διαβάστε το άρθρο που δόθηκε στην αρχή αυτού του υλικού. Εν ολίγοις, υπάρχουν δύο τύποι ετικετών: single (για παράδειγμα, μεταφορά σε νέα γραμμή) και δοχείο (σε ζευγάρια). Έτσι, όλες οι ετικέτες μορφοποίησης κειμένου είναι ζευγαρώσει. Αυτό σημαίνει ότι οποιοδήποτε στοιχείο έχει μια ετικέτα ανοίγματος και κλεισίματος και η επισήμανση πρέπει να τοποθετηθεί ανάμεσά τους. Για παράδειγμα, σωστή επιλογήη φράση θα μοιάζει με αυτό: Επιλεγμένο θραύσμα
Όταν το πρόγραμμα περιήγησης επεξεργάζεται αυτό το τμήμα, θα δείτε το ακόλουθο κείμενο: Επιλεγμένο θραύσμα.Παρεμπιπτόντως, όλες οι ετικέτες δεν εμφανίζονται στη ροή RSS ().
Το κύριο πράγμα όταν γράφετε ετικέτες είναι να μην ξεχάσετε να τις κλείσετε. Διαφορετικά, όλο το κείμενο στη σελίδα θα επισημαίνεται με έντονη γραφή (στο παράδειγμα με την ετικέτα ). Υπάρχουν όμως περιπτώσεις που πρέπει να επισημάνετε ένα συγκεκριμένο κομμάτι τόσο με έντονη όσο και με πλάγια γραφή ταυτόχρονα. Αλλά δεν υπάρχει ετικέτα που να εκτελεί αυτήν την ενέργεια. Υπάρχει μόνο μία διέξοδος από αυτήν την κατάσταση: χρησιμοποιήστε δύο ετικέτες ταυτόχρονα. Δεν έχει σημασία με ποια σειρά τα χρησιμοποιείτε. Επομένως, γράφοντας κείμενο με ετικέτες όπως αυτή:
Επιλεγμένο θραύσμα
ή σαν αυτό:
Επιλεγμένο θραύσμα
Θα λάβετε ακόμα Επιλεγμένο θραύσμα πλάγιο και τολμηρό ταυτόχρονα. Ωστόσο, είναι προτιμότερο να χρησιμοποιήσετε την πρώτη επιλογή, γιατί αρχικά ήταν η μόνη και σωστή. Επίσης, μην ξεχνάτε ότι κάθε πρόγραμμα περιήγησης μπορεί να επεξεργάζεται ετικέτες διαφορετικά (), ανάλογα με τις ρυθμίσεις. Τώρα ας προχωρήσουμε στις ίδιες τις ετικέτες μορφοποίησης.
Έντονο και πλάγιο κείμενο - ετικέτες , , Και
Οι πιο δημοφιλείς ετικέτες μορφοποίησης κειμένου - επισήμανση του τολμηρόςΚαι κυρτά γράμματα. Συνήθως χρησιμοποιούνται για να δώσουν σημασία σε ένα θραύσμα. Η πρώτη περίπτωση χρησιμεύει για την επιλογή ενός τμήματος που περιέχει χρήσιμες πληροφορίεςή λέξεις-κλειδιά. Τα πλάγια γράμματα εξυπηρετούν τον ίδιο σκοπό με το έντονο κείμενο, αλλά οι πληροφορίες είναι λιγότερο σημαντικές επειδή τα πλάγια γράμματα είναι λιγότερο αισθητά στο φόντο του κυρίως κειμένου από το έντονο κείμενο.Ας εξετάσουμε πρώτα κάνοντας το κείμενο τολμηρό. Υπάρχουν δύο ετικέτες που χρησιμοποιούνται για αυτήν την ενέργεια − Και . Διαφορές σε εμφάνισηΟχι. Αν και, δεδομένου ότι κάθε πρόγραμμα περιήγησης μπορεί να ερμηνεύσει κάθε στοιχείο διαφορετικά, ίσως μπορείτε να δείτε τυχόν διαφορές. Έτσι φαίνεται το κείμενο στις ετικέτες Και σε μια μορφή που έχει ήδη υποβληθεί σε επεξεργασία από το πρόγραμμα περιήγησης:
Κείμενο σε ετικέτες ισχυρό
Κείμενο σε ετικέτες b
Και να πώς φαίνονται αυτές οι δύο γραμμές στον πηγαίο κώδικα της σελίδας:
Κείμενο σε ετικέτες ισχυρό Κείμενο σε ετικέτες b
Μπορούμε να παρατηρήσουμε την ίδια κατάσταση στην περίπτωση του πλάγιες ετικέτες Και . Προσπαθήστε να βρείτε τις διαφορές μεταξύ των δύο παραδειγμάτων:
Κείμενο σε ετικέτες em
Κείμενο σε ετικέτες I
Αλλά πηγαίος κώδικας:
Κείμενο σε ετικέτες em Κείμενο σε ετικέτες I
Έτσι, οι θεωρούμενες έντονες και πλάγιες ετικέτες στην πραγματικότητα δεν διαφέρουν, αλλά τότε γιατί χρειαζόμαστε, για παράδειγμα, την ετικέτα αν υπάρχει ? Εξάλλου, το τελευταίο περιέχει μόνο έναν χαρακτήρα (χωρίς να υπολογίζονται οι αγκύλες) και, ως εκ τούτου, είναι πιο εύκολο να γραφτεί. Και το όλο θέμα είναι ότι οι ετικέτες Και επιρροή . Εάν περιβάλλετε λέξεις-κλειδιά με αυτές τις ετικέτες, αυτό θα έχει ευεργετική επίδραση στην προώθηση του ιστότοπου Το κύριο πράγμα είναι να μην το παρακάνετε - το κείμενο πρέπει να περιέχει το πολύ 5% έντονο κείμενο στην ετικέτα , και τον ίδιο αριθμό πλάγιων γραμμάτων στην ετικέτα .
Εάν θέλετε απλώς να επισημάνετε κάποιο σημείο του κειμένου, χρησιμοποιήστε την ετικέτα ή . Γενικά, νομίζω ότι και οι μηχανές αναζήτησης θεωρούν το κείμενο σε αυτές τις ετικέτες ως πιο σημαντικό, αλλά εσωτερική βελτιστοποίησηεξακολουθούν να έχουν μικρότερη επιρροή από ό Και .
Ετικέτες για την επισήμανση κειμένου με μια γραμμή - , Και
Ας δούμε τώρα μερικές ετικέτες που χρησιμοποιούν παύλα στη σχεδίαση κειμένου. Το πιο διάσημο για εσάς συντάκτες κειμένου — ετικέτα
ή υπογράμμιση. Αυτή η ετικέτα δεν έχει αντίκτυπο στην κατάταξη (από όσο γνωρίζω), αλλά η επισήμανση κάποιου κειμένου και η εστίαση της προσοχής σε αυτό θα βοηθήσει. Έδωσα ένα παράδειγμα χρήσης αυτής της ετικέτας ακριβώς παραπάνω. Δύο ακόμη ετικέτες παρόμοιες στο σκοπό - Και . Και οι δύο εκτελούν τη λειτουργία του εντυπωσιακού κειμένου. Μπορείτε να χρησιμοποιήσετε αυτήν την ετικέτα σε οποιαδήποτε περίπτωση: εάν ενημερώνετε ένα έγγραφο (ή μάλλον μέρος του), μπορείτε να διαγράψετε το παλιό και να προσθέσετε ένα νέο. αν πρόκειται να γράψεις κάτι που αποκλίνει από το θέμα του υλικού? κάτι που δεν ανταποκρίνεται σε ηθικά και ηθικά πρότυπα.
Οι διαφορές μεταξύ αυτών των δύο ετικετών είναι μόνο στο δικό τους γράψιμο, με αποτέλεσμα να είναι προτιμότερη η χρήση του πρώτου, γιατί πρώτον, είναι πιο βολικό να γράφετε και δεύτερον, η σελίδα σας θα περιέχει λιγότερο κώδικα HTML και αυτό αρέσει στις μηχανές αναζήτησης.
Ετικέτα και χαρακτηριστικά - παράμετροι γραμματοσειράς κειμένου
Τώρα σκεφτείτε μια ετικέτα που δεν χρησιμοποιείται χωρίς χαρακτηριστικά. Χρησιμοποιώντας το, μπορείτε να ορίσετε παραμέτρους για ένα συγκεκριμένο κομμάτι κειμένου. Γενικά, είναι πλέον προτιμότερο να χρησιμοποιούνται (cascading style sheets), γιατί... χρησιμοποιώντας τους μπορείτε να μειώσετε σημαντικά ολόκληρο τον κώδικα HTML της σελίδας. Λοιπόν, ας δούμε την ίδια ετικέτα . Όλα υπάρχουν για αυτόν τρία χαρακτηριστικά:
- πρόσωπο- η ίδια η γραμματοσειρά. Για παράδειγμα, Arial, Courier ή Verdana. Μπορείτε να απαριθμήσετε πολλά, γιατί δεν έχουν όλοι οι χρήστες ένα εκτεταμένο σύνολο γραμματοσειρών και γράφοντας αρκετές στο χαρακτηριστικό πρόσωπο, το πρόγραμμα περιήγησης θα μπορεί να επιλέξει ποια θα χρησιμοποιήσει ή μάλλον ποια θα υπάρχει στο σύστημα.
- μέγεθος— ένα χαρακτηριστικό που υποδεικνύει το μέγεθος του κειμένου. Μπορεί να εκφραστεί τόσο σε συμβατικές μονάδες όσο και σε pixel.
- χρώμα— χρώμα κειμένου. Αυτό το χαρακτηριστικό μπορεί να χρησιμοποιηθεί τόσο σε χρωματικούς κώδικες HTML όσο και σε word. Τα πρώτα έχουν τη μορφή #FFFFFF (όπου F είναι οποιοσδήποτε αριθμός ή γράμμα από το Α έως το F) και τα δεύτερα γράφονται με απλά λόγια(για παράδειγμα, κόκκινο - κόκκινο).
Έτσι φαίνεται το κείμενο στην ετικέτα χρησιμοποιώντας κάθε χαρακτηριστικό:
Αυτό το κείμενο είναι 6 px
Αυτό το κείμενο είναι κόκκινο Αυτό το κείμενο είναι σε γραμματοσειρά Arial Αυτό το κείμενο είναι κόκκινο και μέγεθος 5 pxΚαι αυτό είναι που θα δείτε μετά την επεξεργασία του γραπτού κώδικα: 
Αποκλεισμός στοιχείων σχεδίασης κειμένου - επικεφαλίδες -, παράγραφος
, παράγραφος
Τέλος, θα εξετάσουμε τα στοιχεία μπλοκ, τα οποία χρησιμοποιούνται σχεδόν σε κάθε έγγραφο. Αυτές είναι ετικέτες επικεφαλίδων και παραγράφων. Ας εξετάσουμε το πρώτο. Υπάρχουν 6 τύποι επικεφαλίδων και ο καθένας έχει τη δική του ετικέτα. Κάθε τύπος έχει μόνο τον δικό του σειριακό αριθμό και καταγράφεται με χρήση ετικετών
, ,..., . Δείτε πώς φαίνονται όλες οι κεφαλίδες κατά την επεξεργασία:
. Δείτε πώς φαίνονται όλες οι κεφαλίδες κατά την επεξεργασία:
Ο αριθμός μετά τον τίτλο της λέξης αντιστοιχεί στον αριθμό στην ετικέτα
Τώρα ας μιλήσουμε για την ετικέτα επισήμανσης παραγράφου
Η λειτουργία αυτής της ετικέτας είναι να διαχωρίζει κείμενο μεταξύ ενός άλλου ίδιου κειμένου και μιας κενή γραμμής. Αν κοιτάξετε τον πηγαίο κώδικα ενός εγγράφου, μπορείτε να δείτε τα εξής:
Τα πράσινα ορθογώνια περιέχουν μια παράγραφο, τα κόκκινα ορθογώνια περιέχουν μια άλλη. Και να πώς φαίνεται αυτός ο κώδικας μετά την επεξεργασία από το πρόγραμμα περιήγησης (το βέλος δείχνει σε μια κενή γραμμή):
Ως αποτέλεσμα, έχουμε έναν αρκετά αξιοσημείωτο διαχωρισμό μιας παραγράφου από την άλλη, κάτι που είναι ευεργετικό - η ανάγνωση γίνεται πιο βολική.
Αυτό είναι το τέλος του άρθρου για ετικέτες μορφοποίησης εγγράφων. Υπάρχουν πολλά περισσότερα από αυτά που περιέγραψα σε αυτό το υλικό. Απλώς πρέπει να ειπωθούν πολλά για μερικά από αυτά, με αποτέλεσμα να αφιερωθούν ξεχωριστά άρθρα με πλήρη κριτική!
Σε HTML, το έντονο κείμενο μπορεί να γίνει με διάφορους τρόπους. Αυτά περιλαμβάνουν:
- Ετικέτα σι;
- Ετικέτα ισχυρός;
- Ιδιότητα CSS βάρος γραμματοσειράς.
Ας μιλήσουμε για καθεμία από τις επιλογές επιλογής κειμένου με τη σειρά.
Έντονο κείμενο: ετικέτα
Ετικέτα σιΤο HTML εφαρμόζεται ως εξής:
Κατασκευαστής ιστότοπου "Nubex"
Για ετικέτα πρέπει να έχει κλείσιμο, και έχει πρόσβαση σε καθολικές ιδιότητες (όπως π τάξη, ταυτότητα, τίτλοςκαι τα λοιπά.)
Αν και η εγκυρότητα της ετικέτας σικαι δεν καταδικάζεται από την προδιαγραφή HTML, η ετικέτα είναι πιο σχετική στη χρήση ισχυρός, ας καταλάβουμε γιατί.
Έντονο κείμενο: ετικέτα
Σύμφωνα με τις προδιαγραφές HTML, η ετικέτα σιχρησιμεύει για την επισήμανση κειμένου με έντονη γραφή. Αντίθετα, η ετικέτα ισχυρόςΗ HTML χρησιμοποιείται για την επισήμανση σπουδαίος frah, λέξεις που είναι βασικές για αυτήν τη σελίδα.
Αυτή η ετικέτα είναι σημαντική κατά την κατάταξη σελίδων αποτελέσματα αναζήτησηςΩς εκ τούτου, χρησιμοποιείται ευρέως στην προώθηση ιστοσελίδων και στη βελτιστοποίηση SEO. Οι μηχανές αναζήτησης λαμβάνουν υπόψη το κείμενο που περικλείεται σε ετικέτες και σημειώστε το ως σημαντικό.
Χρησιμοποιείται ετικέτα ισχυρόςμε παρόμοιο τρόπο:
Κατασκευαστής ιστότοπου "Nubex"
Μπορεί να παρατηρήσετε ότι εξωτερικά εφαρμόζονται ετικέτες Και δεν διαφέρει καθόλου (καθώς όλα τα σύγχρονα προγράμματα περιήγησης τα ερμηνεύουν σχεδόν το ίδιο), αλλά εξακολουθούν να υπάρχουν σημασιολογικές διαφορές στον κώδικα για τις μηχανές αναζήτησης. Επομένως, οι περισσότεροι βελτιστοποιητές SEO συνιστούν τη χρήση της ετικέτας ισχυρός.
Έντονο κείμενο με χρήση CSS
Έχουμε ήδη σημειώσει τη σημασία της ετικέτας ισχυρόςκατά την προώθηση της μηχανής αναζήτησης, αλλά τι πρέπει να κάνετε εάν χρειάζεται να επισημάνετε μεγάλο αριθμόΕίναι το κείμενο με έντονη γραφή (αλλά το κείμενο δεν χρειάζεται να επισημανθεί ως σημαντικό για τις μηχανές αναζήτησης) ή είναι απαραίτητο να ελέγχεται ο βαθμός «τόλμης» της γραμματοσειράς; Σε τέτοιες περιπτώσεις, χρησιμοποιείται η ιδιότητα CSS βάρος γραμματοσειράς. Εφαρμόζεται ως εξής:
Οι ιστοσελίδες μας είναι, πράγματι, τεράστιο βήμαστην ανάπτυξη Ιστού.
Το κάνουμε πραγματικά ποιότητατοποθεσίες.
Εμπιστευτείτε μας και θα σας βοηθήσουμε δεν θα σας απογοητεύσουμε.
Αξίες πιο τολμηρόςΚαι αναπτήραςΜπορείτε να ρυθμίσετε το επίπεδο λίπους να είναι μεγαλύτερο (ή μικρότερο) από το γονικό. Αριθμητική τιμή(100-900) μπορείτε να ορίσετε τον βαθμό περιεκτικότητας σε λιπαρά.
-
17 Απριλίου 2015Το τηλέφωνο ζητά κωδικό πρόσβασης όταν είναι ενεργοποιημένο -
17 Απριλίου 2015Από πού κάλεσαν - πώς να το μάθουν; -
17 Απριλίου 2015Πώς να κατεβάσετε το πρόγραμμα περιήγησης Amigo δωρεάν;
