Κανόνες για την κατασκευή εγγράφων HTML. Ετικέτες λογικής μορφοποίησης για κείμενο HTML

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

θα απαριθμήσω...

Ετικέτα

Επισημαίνει μια συντομογραφία στο κείμενο. Τα προγράμματα περιήγησης συνήθως το επισημαίνουν με μια διακεκομμένη γραμμή.

CSS

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

title="Cascading Style Sheets">CSS!} σας επιτρέπει να αλλάζετε εύκολα το στυλ οποιασδήποτε ετικέτας λογικής μορφοποίησης κειμένου!

Ετικέτα

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

Ενώνω title=" κομμουνιστική ένωση νεολαίας">комсомол!} !!

Ακριβώς όπως με μια συντομογραφία, για να αποκρυπτογραφήσετε το κείμενο, συνιστάται να χρησιμοποιήσετε το χαρακτηριστικό τίτλος.

Εργοστάσιο ζυμαρικών Vasya Pupkin Uryupinsk 2010

Ετικέτα

Επισημαίνει μια παράθεση ή μια υποσημείωση σε άλλο έγγραφο στο κείμενο. Τα προγράμματα περιήγησης συνήθως το εμφανίζουν με πλάγιους χαρακτήρες.

Όπως είπε ο Ostap Bender

Ετικέτα

Επισημαίνει το κείμενο ως κάποιο είδος κώδικα προγράμματος. Συνήθως εμφανίζεται με γραμματοσειρά monospace.

λειτουργία() - έτσι ορίζεται μια συνάρτηση στην PHP

Ετικέτα

Επισημαίνει το διαγραμμένο κείμενο στη νέα έκδοση του εγγράφου. Το επιλεγμένο κείμενο θα γίνει διαγραφή.

Μοιάζει με ετικέτες φυσικής μορφοποίησης και συντομογραφία - διαγραμμένο κείμενο.

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

Παλιά τιμή 1000 ρούβλια. - Νέο 999 τρίψιμο.!!!

Ετικέτα

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

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



Ετικέτα

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

Αντίθετο σε νόημα με ετικέτα Συνήθως χρησιμοποιείται παράλληλα με αυτό.

Παλιά τιμή 1000 ρούβλια. - Νέο 999 rub. !!!

Ετικέτα

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

Πώς να δημιουργήσετε έναν ιστότοπο; - μάθετε στο Webremeslo.ru!!

Ετικέτα

Από αγγλικό πληκτρολόγιο - πληκτρολόγιο. Καθορίζει το κείμενο που εισάγεται από το πληκτρολόγιο ή για το όνομα των πλήκτρων. Συνήθως εμφανίζεται με γραμματοσειρά monospace.

Κλικ Ctrl+Z για να αναιρέσετε την τελευταία ενέργεια.

Ετικέτα

Επισημαίνει ένα απόσπασμα στο κείμενο. Σε αντίθεση με την ετικέτα απόσπασμα με ετικέτα αναφέρεται αυτόματα από προγράμματα περιήγησης.

Όπως είπε ο Ostap Bender Έσπασε ο πάγος! κύριοι της κριτικής επιτροπής!

Παρεμπιπτόντως, υπάρχει επίσης μια φυσική ετικέτα μορφοποίησης κειμένου

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




Εισαγωγικά


λογικόςμορφοποίηση κειμένου : - τα προγράμματα περιήγησης βάζουν αυτόματα ένα τέτοιο εισαγωγικό σε εισαγωγικά. Παρεμπιπτόντως, πέρα ​​από το θέμα, ο τύπος των εισαγωγικών μπορεί εύκολα να ελεγχθεί χρησιμοποιώντας CSSψευδοτάξη langκαι τις έννοιές του εισαγωγικά- εισαγωγικά.


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


Και αυτό το απόσπασμα δημιουργήθηκε χρησιμοποιώντας την ετικέτα φυσικόςμορφοποίηση κειμένου

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







Αυτές είναι οι διαφορές...

Ετικέτα

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

Στη διαδικασία επίλυσης του προβλήματος 2+2, το πρόγραμμα θα δώσει την απάντηση: 4

Ετικέτα

Επισημαίνει ένα ιδιαίτερα σημαντικό κομμάτι κειμένου. Συνήθως εμφανίζεται με έντονη γραφή.

Πώς να δημιουργήσετε έναν ιστότοπο; - μάθετε στο Webremeslo.ru!!

Ετικέτα

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

Αυτή η λειτουργίαχρησιμοποιεί μια μεταβλητή $count

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

Χρήσιμες συμβουλές:

· Δώστε στυλ σε όλες τις ετικέτες, τόσο λογικές όσο και φυσική μορφοποίησηκείμενο, τέλεια προσαρμόσιμο με χρήση Εργαλεία CSS! Η συμβουλή μου σε εσάς μάθετε CSS: (http://www.webremeslo.ru/css/glava0.html), αν μέχρι αυτό το σημείο δεν είστε ακόμα εξοικειωμένοι μαζί του. Κατά τη χρήση Ιδιότητες CSSόταν εργάζεστε με κείμενο, θα ξεχάσετε το πρόβλημα της συμβατότητας μεταξύ προγραμμάτων περιήγησης, δηλαδή το κείμενό σας θα εμφανίζεται σε όλα τα προγράμματα περιήγησης ακριβώς όπως χρειάζεστε και όχι όπως θέλει το πρόγραμμα περιήγησης. Επιπλέον, το CSS ανοίγει πολύ περισσότερο άφθονες ευκαιρίεςσχετίζεται τόσο με το στυλ κειμένου όσο και με το σχεδιασμό του ιστότοπου στο σύνολό του.

· Προσπαθήστε να σημειώσετε σωστά το κείμενο στις σελίδες του ιστότοπού σας... και συγκεκριμένα:

Για να ξεκινήσετε, σπάστε όλο το κείμενό σας σε παραγράφους χρησιμοποιώντας την ετικέτα

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

Διατηρήστε τις επικεφαλίδες με νόημα

-
δηλ. ας υποθέσουμε ότι ο τίτλος της σελίδας περιλαμβάνεται στην ετικέτα

υποτίτλους στην ετικέτα

ακόμη λιγότερο σημαντικές υποτίτλους στην ετικέτα

κ.λπ. Στην ιδανική περίπτωση, θα πρέπει να υπάρχει μόνο μία επικεφαλίδα στη σελίδα

, τότε το κείμενο χωρίζεται σε πολλά

και περαιτέρω ανάλογα με τη σημασία των επικεφαλίδων.

Χρησιμοποιήστε λογικές ετικέτες σήμανσης μόνο όπου είναι πραγματικά απαραίτητες, δηλαδή, για παράδειγμα, δεν πρέπει να επισημάνετε μια συντομογραφία με ένα απόσπασμα και το αντίστροφο... γι' αυτό είναι η λογική, για να είναι όλα λογικά!!

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

· Όταν μαθαίνετε CSS, ξεχάστε και πετάξτε την ετικέτα από το μυαλό σας και όλα τα χαρακτηριστικά του!! Κανείς δεν το χρησιμοποιεί εδώ και πολύ καιρό, φυσικά, με σπάνιες εξαιρέσεις..

Ετικέτα< κώδικας>

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

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

Ορισμός ακέραιας μεταβλητής στη C++: int a = 0;

Ετικέτες< del> και< ins>

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

παραπομπή – URL ενός εγγράφου που εξηγεί τον λόγο για τη διαγραφή του κειμένου.
datetime – ημερομηνία επεξεργασίας στη μορφή ΕΕΕΕ-ΜΜ-ΗΗΩωωω:λλ:δΣΤΖΗ.

Αυτό το κείμενο επισημαίνεται ως διαγραμμένο

Η ετικέτα κοντέινερ χρησιμοποιείται με τον ίδιο τρόπο , το οποίο επισημαίνει το κείμενο ως προστέθηκε (εισάγεται). Συνήθως, ένα τέτοιο κείμενο επισημαίνεται από τα προγράμματα περιήγησης ως υπογραμμισμένο. Αυτή η ετικέτα έχει τις ίδιες προαιρετικές παραμέτρους με την :

Αυτό είναι το κείμενο που προστέθηκε

Ετικέτα< em>

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

Αφιερωμένοαπόσπασμα κειμένου

Ετικέτα< kbd>

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

Για να φορτώσετε την αναζήτηση Yandex, πληκτρολογήστε yandex.ru

Ετικέτα< βρασμένος αραβόσιτος>

Δοχείο ετικέτας επισημαίνει το κείμενο ως παράδειγμα και συνήθως εξάγεται με γραμματοσειρά monospace και χρησιμοποιείται για τη μορφοποίηση κειμένου που περιέχει τα αποτελέσματα προγραμμάτων, για παράδειγμα:

Το πρώτο μου πρόγραμμα C++ εκτυπώνει κείμενο Γεια σου Κόσμο!

Ετικέτα< ισχυρός>

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

Παράδειγμα κειμένου επισημάνθηκε ως σημαντικό

Ετικέτα< var>

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

Μεταβλητός έναέχει τιμή 5

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

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

Μιλώντας για τη λογική διάταξη του κειμένου, μπορούμε να διακρίνουμε δύο κύρια μέρη:

Επισήμανση επικεφαλίδων σε ένα έγγραφο.

λογική επιλογή στοιχείων κειμένου. , δεν εμφανίζεται ως μέρος του εγγράφου. Για την εμφάνιση του τίτλου, χρησιμοποιείται μία από τις ετικέτες τίτλου. Οι επικεφαλίδες σε ένα τυπικό έγγραφο χωρίζονται σε επίπεδα. Η γλώσσα HTML σάς επιτρέπει να ορίσετε έξι επίπεδα επικεφαλίδων: H1 (κεφαλίδα πρώτου επιπέδου), H2, H3, H4, H5 και H6. Η επικεφαλίδα πρώτου επιπέδου είναι συνήθως μεγαλύτερη και πλουσιότερη από την επικεφαλίδα δεύτερου επιπέδου.</p> <p>Εάν κοιτάξετε αυτό το κεφάλαιο, η "Λογική Μορφοποίηση" είναι ένας τίτλος τρίτου επιπέδου, η "Μορφοποίηση Υπερκειμένου" είναι ένας τίτλος δεύτερου επιπέδου και οι "Βασικές αρχές HTML" είναι ένας τίτλος πρώτου επιπέδου. Στην πράξη, επικεφαλίδες του τέταρτου και ανώτερου επιπέδου βρίσκονται μόνο σε πολύ μεγάλα έγγραφα.</p> <p><b>Παράδειγμα</b></p> <p><HTML> <HEAD> <TITLE>Επικεφαλίδες

Επικεφαλίδα επιπέδου 1

Επικεφαλίδα επιπέδου 2

Επικεφαλίδα επιπέδου 3

Επικεφαλίδα επιπέδου 4

Επικεφαλίδα επιπέδου 5
Επικεφαλίδα επιπέδου 6

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

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

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

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

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

Για να επισημάνετε μεγάλα εισαγωγικά από το κύριο κείμενο σε HTML, υπάρχει μια ετικέτα

. Αυτό το στοιχείο είναι ένα κοντέινερ και μπορεί να περιέχει οποιεσδήποτε ετικέτες μορφοποίησης.

Τα σύγχρονα προγράμματα περιήγησης αντιδρούν στο στοιχείο

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

Λογική και φυσική μορφοποίηση

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

Οι ετικέτες λογικής μορφοποίησης υποδηλώνουν (με το όνομά τους) τους δομικούς τύπους των τμημάτων κειμένου τους, όπως π.χ. κώδικα προγράμματος(ετικέτα ), παραθέτω(ετικέτα<СIТЕ> ), συντομογραφία(ετικέτα< ABBR >) κ.λπ.

Χρήση ετικετών<ЕМ>Και μπορείτε, για παράδειγμα, να επισημάνετε μεμονωμένα κομμάτια ως αφιερωμένοτονίζεται έντονα.Σημειώστε ότι μιλάμε γιαΟ δομικές σημάνσεις, το οποίο δεν επηρεάζει τη συγκεκριμένη αναπαράσταση στην οθόνη του τμήματος του προγράμματος περιήγησης. Γι' αυτό ονομάζεται αυτή η σήμανση λογικός.

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

Οι ετικέτες φυσικής μορφοποίησης καθορίζουν μορφή εμφάνισηςτο τμήμα κειμένου που καθορίζεται σε αυτά στο παράθυρο του προγράμματος περιήγησης.

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

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

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

Λογικές ετικέτες μορφοποίησης κειμένου

Ετικέτα

Ετικέτα< ABBR >επισημαίνει το κείμενό σας ως συντομογραφία(Συντομογραφία).

Γλώσσα HTMLαναπτύχθηκε από τον Βρετανό επιστήμονα Tim Berners-Lee γύρω στο 1991-1992 στο Ευρωπαϊκό Συμβούλιο για την Πυρηνική Έρευνα στη Γενεύη (Ελβετία). Η HTML δημιουργήθηκε ως γλώσσα για την ανταλλαγή επιστημονικών καιτεχνική τεκμηρίωση

Ετικέτα

Ετικέτα< , κατάλληλο για χρήση από άτομα που δεν είναι ειδικοί στον τομέα της διάταξης.ΑΚΡΩΝΥΜΟ >< ABBR >. Το ίδιο με την ετικέτα , που χρησιμοποιείται για τη σήμανση συντομογραφιών. Συνιστάται να επισημάνετε με αυτήν την ετικέτα το λεγόμενοακρωνύμια< , κατάλληλο για χρήση από άτομα που δεν είναι ειδικοί στον τομέα της διάταξης.,Τ. ε. προφορικές λέξεις που αποτελούνται από συντομογραφίες. Ετικέτα

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

Τομσκ Πολυτεχνείο.

TPU

Ετικέτα H1...H6 Η HTML προσφέρει έξι κεφαλίδεςδιαφορετικά επίπεδα

, τα οποία δείχνουν τη σχετική σημασία της ενότητας μετά την επικεφαλίδα. Ναι, tag

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

...

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

Κεφαλίδα πρώτου επιπέδου

Επικεφαλίδα δεύτερου επιπέδου

Επικεφαλίδα τρίτου επιπέδου

Στο πρόγραμμα περιήγησης θα μοιάζει με αυτό:

Ετικέτα<СIТЕ>

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

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

Ισαάκ Ασίμοφ

Ετικέτα

Ετικέτα επισημαίνει το κείμενό σας ως μικρό κομμάτι κώδικα.Τυπικά εμφανίζεται με γραμματοσειρά monospace. Αυτή η ετικέτα δεν πρέπει να συγχέεται με την ετικέτα

Είναι ένα στοιχείο επιπέδου μπλοκ που πρέπει να χρησιμοποιείται για τη σήμανση μεγάλα κομμάτια (λίστες) κώδικα.

Κωδικός προγράμματος

λειτουργία checkParent (src, dest) (
ενώ (src != null) (
εάν (src.tagName == dest) επιστρέψει src
src = src.parentElement
}
επιστροφή μηδενική
}




Ετικέτα

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

Η ετικέτα έχει δύο προαιρετικές παραμέτρους: CITE και DATETIME. Η τιμή της παραμέτρου CITE πρέπει να είναι μια διεύθυνση URL σε ένα έγγραφο που εξηγεί γιατί καταργήθηκε το τμήμα.

Η παράμετρος DATETIME καθορίζει την ημερομηνία διαγραφής με τη μορφή: ΕΕΕΕ-ΜΜ-ΗΗΗωω:λλ:δδΤΖΔ, η οποία καθορίζει το έτος, μήνα, ημέρα, ώρες, λεπτά και δευτερόλεπτα διαγραφής, καθώς και τη ζώνη ώρας.

Ετικέτες φυσικής μορφοποίησης κειμένου

Ετικέτα

Περικλείεται μεταξύ αυτών των ετικετών έχει τις ιδιότητες τολμηρό κείμενο. Έχει χαρακτηριστικό τίτλου- καλεί το κείμενο ως συμβουλή εργαλείου.


Ετικέτα

Αυτή η ετικέτα αυξάνει το μέγεθος της εμφάνισης κειμένου Έχει μια ιδιότητα τίτλου - καλεί το κείμενο ως συμβουλή εργαλείου.

Παράδειγμα φυσικής μορφοποίησης


Ετικέτα

Χρησιμοποιείται για την επιλογή γραμματοσειράς για κείμενο. Γνωρίσματα:

  • μέγεθος - μέγεθος κειμένου από 1 έως 7
  • χρώμα - χρώμα κειμένου

Παράδειγμα φυσικής μορφοποίησης


Ετικέτα

Αυτή η ετικέτα εισάγεται στη σελίδα οριζόντια γραμμή. Γνωρίσματα:

  • μέγεθος - ύψος και πάχος γραμμής
  • πλάτος - πλάτος γραμμής
  • noshade - δημιουργώντας μια γραμμή χωρίς σκιά
  • χρώμα - αλλάζει το χρώμα της γραμμής

Ετικέτα

Ετικέτα επισημαίνει το κείμενό σας ως συντομογραφία (ABBReviation).

Ετικέτα

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

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

Στη συνέχεια, οπτικά προγράμματα περιήγησης όταν τοποθετείτε το δείκτη του ποντικιού πάνω από κείμενο που επισημαίνεται με ετικέτα Σημειώστε ότι η ετικέτα αναγνωρίζεται μόνο από το πρόγραμμα περιήγησης Microsoft Internet

Κρατικό Ινστιτούτο Μηχανικής και Οπτικής Ακριβείας της Αγίας Πετρούπολης SPbGITMO

Ετικέτα

Ετικέτα - ένα από τα κορυφαία τεχνικά πανεπιστήμια της Αγίας Πετρούπολης

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

Ετικέτα

Ετικέτα είναι μια από τις πιο δημοφιλείς εφημερίδες της πόλης στην Αγία Πετρούπολη

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

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

Για παράδειγμα:

Ένα παράδειγμα του απλούστερου τελεστή στη γλώσσα προγραμματισμού C:

puts("Hello, World!"); Και

Υπάρχει μια άλλη διαφορά στη χρήση των ετικετών 

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

Ετικέτα Ετικέτα επισημαίνει το κείμενό σας ως διαγραμμένο. Αυτό το στοιχείο είναι χρήσιμο για την επισήμανση αλλαγών που έγιναν σε ένα έγγραφο από έκδοση σε έκδοση. Ετικέτα

μπορεί να χρησιμοποιηθεί ως στοιχείο σε επίπεδο κειμένου και ως στοιχείο σε επίπεδο μπλοκ.

Η ετικέτα έχει δύο προαιρετικές παραμέτρους: CITE και DATETIME.

Η τιμή της παραμέτρου CITE πρέπει να είναι μια διεύθυνση URL σε ένα έγγραφο που εξηγεί γιατί καταργήθηκε το τμήμα. 3.2 4.0

Η παράμετρος DATETIME καθορίζει την ημερομηνία διαγραφής με τη μορφή: ΕΕΕΕ-ΜΜ-ΗΗΗωω:λλ:δδΤΖΔ, η οποία καθορίζει το έτος, μήνα, ημέρα, ώρες, λεπτά και δευτερόλεπτα διαγραφής, καθώς και τη ζώνη ώρας (Ζώνη ώρας). Για παράδειγμα: Η πιο πρόσφατη αποδεκτή προδιαγραφή γλώσσας σήμανσης HTML είναι η έκδοση Κείμενο με ετικέτα συνήθως εμφανίζεται ως διαγραμμένο κείμενο. Η προδιαγραφή HTML 4.0 δίνει προτίμηση σε αυτήν την ετικέτα έναντι της ετικέτας φυσικής μορφοποίησης.

Ετικέτα

Ετικέτα ή , υποδεικνύοντας διαγραμμένο κείμενο. Ωστόσο, η ετικέταως ορισμός (DeFinitionN). Για παράδειγμα, αυτή η ετικέτα μπορεί να χρησιμοποιηθεί για την επισήμανση ενός όρου όταν εμφανίζεται στο κείμενο για πρώτη φορά. Παράδειγμα:

Internet Explorerείναι ένα δημοφιλές πρόγραμμα περιήγησης ιστού

Ετικέτα υποστηρίζεται μόνο Πρόγραμμα περιήγησης Microsoft Internet Explorer. Εμφανίζεται με πλάγιους χαρακτήρες από προεπιλογή.

Ετικέτα

Ετικέτα επισημαίνει το κείμενό σας ως εισαγωγή (INSertion). Αυτό το στοιχείο είναι χρήσιμο για την επισήμανση αλλαγών που έγιναν σε ένα έγγραφο από έκδοση σε έκδοση. Ετικέτα

μπορεί να χρησιμοποιηθεί ως στοιχείο σε επίπεδο κειμένου και ως στοιχείο σε επίπεδο μπλοκ.

Η ετικέτα έχει δύο προαιρετικές παραμέτρους: CITE και DATETIME.

Η παράμετρος DATETIME καθορίζει την ημερομηνία διαγραφής με τη μορφή: ΕΕΕΕ-ΜΜ-ΗΗΗωω:λλ:δδΤΖΔ, η οποία καθορίζει το έτος, μήνα, ημέρα, ώρες, λεπτά και δευτερόλεπτα διαγραφής, καθώς και τη ζώνη ώρας (Ζώνη ώρας). Για παράδειγμα: Η τιμή της παραμέτρου CITE πρέπει να είναι μια διεύθυνση URL σε ένα έγγραφο που εξηγεί τις λεπτομέρειες των προσθηκών που έγιναν. Η παράμετρος DATETIME καθορίζει την ημερομηνία εισαγωγής στη μορφή: ΕΕΕΕ-ΜΜ-ΗΗΗωω:λλ:δδΤΖΔ, η οποία καθορίζει το έτος, μήνα, ημέρα, ώρα, λεπτά και δευτερόλεπτα εισαγωγής, καθώς και τη ζώνη ώρας (Ζώνη ώρας).

Ετικέτα

Ετικέτα , εμφανίζεται συνήθως ως υπογραμμισμένο κείμενο. Ετικέτα

προς το παρόν αναγνωρίζεται μόνο από τον Microsoft Internet Explorer. (Έμφαση - επισήμανση, υπογράμμιση) χρησιμοποιείται για την επισήμανση σημαντικών τμημάτων κειμένου. Τα προγράμματα περιήγησης συνήθως εμφανίζουν αυτό το κείμενο με πλάγιους χαρακτήρες. Παράδειγμα:Παράδειγμα επιλογής

.

Ετικέτα

Ετικέτα μεμονωμένες λέξεις

κείμενο Επισημαίνει το κείμενο ως εισαγόμενο από τον χρήστη από το πληκτρολόγιο. Συνήθως εμφανίζεται με γραμματοσειρά monospace, για παράδειγμα:Να τρέξει επεξεργαστής κειμένου

, τύπος: μπλοκΕφαρμογή .

Ετικέτα

Ετικέτα αυτής της ετικέτας

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

. Συνήθως εμφανίζεται με πλάγιους χαρακτήρες.

Ετικέτα

Ετικέτα Ετικέτα

(διαφορετικός ) προς το παρόν αναγνωρίζεται μόνο από τον Microsoft Internet Explorer.

Η ετικέτα έχει μια παράμετρο CITE, η τιμή της οποίας μπορεί να είναι η πηγή της προσφοράς. επισημαίνει κείμενο ως δείγμα (SAMPle). Μια κοινή χρήση αυτής της ετικέτας είναι η επισήμανση εξόδου κειμένου από προγράμματα (εξόδου δείγματος)..

Ετικέτα

Ετικέτα Χρησιμοποιείται επίσης για την επισήμανση πολλών χαρακτήρων σε μια γραμματοσειρά monospace.

Αυτή η ετικέτα προτιμάται από την ετικέτα φυσικής μορφοποίησης. . Για παράδειγμα:Το αποτέλεσμα του προγράμματος θα εκτυπωθεί: Γεια σου Κόσμε!

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

Ετικέτα

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

Ορίστε την τιμή της μεταβλητής Ν

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

Ρύζι. 1.1. Παραδείγματα μορφοποίησης κειμένου

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

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