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

Ετικέτα

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

1 2 3\t\t\t4
Εκτεθειμένος:
1 2 3 4

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

Η ετικέτα δεν είναι τυπική ετικέτα HTML. Προστέθηκε στις ετικέτες σήμανσης Flash για να βοηθήσει στη διαμόρφωση του κειμένου με συνεπή τρόπο.

Ετικέτα...

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

ΑΡΙΣΤΕΡΟ ΠΕΡΙΘΩΡΙΟ. Μέγεθος αριστερού περιθωρίου σε σημεία. Ένα ανάλογο είναι η ιδιότητα του αριστερού περιθωρίου της κλάσης TextFormat.

ΔΕΞΙΟ ΠΕΡΙΟΡΙΟ. Η τιμή του δεξιού περιθωρίου σε σημεία Το Analogue είναι η ιδιότητα δεξιού περιθωρίου της κλάσης TextFormat.

ΔΑΝΤΕΛΩΝΩ. Κάντε εσοχή στην πρώτη γραμμή μιας παραγράφου σε σημεία. Μεταξύ των ιδιοτήτων της κλάσης TextFormat, είναι παρόμοια με την ιδιότητα εσοχή.

ΜΠΛΟΚΙΝΔΕΝΤ.

Εσοχή μιας παραγράφου κειμένου στα αριστερά σε σημεία. Αναλογική - Ιδιότητα blockIndent
κλάση Μορφή κειμένου.

ΚΥΡΙΟΣ. Η απόσταση μεταξύ των γραμμών σε σημεία. Μια παρόμοια ιδιότητα της κλάσης TextFormat οδηγεί.

TABSTOPS. Το χαρακτηριστικό καθορίζει ποια μετατόπιση γραμμής σε σημεία θα προκαλέσει κάθε χαρακτήρας καρτέλας στην ακολουθία. Η τιμή του είναι μια λίστα αριθμών που καθορίζουν τις αποστάσεις με τις οποίες η γραμμή θα μετακινηθεί στο παράθυρο εάν πληκτρολογηθούν στη σειρά 1, 2, 3, ... n χαρακτήρες καρτέλας. Ένα ανάλογο του χαρακτηριστικού TABSTOPS είναι η ιδιότητα tabStops της κλάσης TextFormat.


pole.html=pole.border=pole.multiline=true;
pole.htmlText="

0din tabR> Δύο tabR>
Τρεις Τάβαροι>

";

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

Ετικέτα...

Ετικέτα σχεδιασμένο για εφαρμογή στην τάξη Στυλ CSSσε σχέση με ένα αυθαίρετο τμήμα κειμένου.

Το όνομα της κλάσης καθορίζεται στο χαρακτηριστικό CLASS.

This.createTextField("pole", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Δημιουργία τριών στυλ κλάσεων που ορίζουν κόκκινο, πράσινο και μπλε κείμενο
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (color:#00FF00)";
var red_text:String = ".ΚΟΚΚΙΝΟ (χρώμα:#FF0000)";
var blue_text:String = ".ΜΠΛΕ (χρώμα:#0000FF)";
style.parseCSS(green_text+red_text+blue_text);
pole.styleSheet=style;
// Εμφάνιση κειμένου με δημιουργημένα στυλ
pole.text = " 3 πράσινο κείμενο

Κόκκινο κείμενο

Μπλε κείμενο ";

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

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

Διαστήματα και χαρακτήρες κενού διαστήματος σε HTML

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

Είναι αλήθεια ότι για αυτό το είδος οπτικής μορφοποίησης (η οποία δεν θα είναι ορατή στην ιστοσελίδα), τις περισσότερες φορές δεν χρησιμοποιούνται τα ίδια τα κενά, αλλά οι χαρακτήρες της καρτέλας και της αλλαγής γραμμής. Υπάρχει ένας τέτοιος κανόνας - όταν ξεκινάτε να γράφετε ένα ένθετο Ετικέτα HTML, Οτι εσοχή χρησιμοποιώντας καρτέλες(Πλήκτρο Tab στο πληκτρολόγιο) και όταν κλείσετε αυτήν την ετικέτα, αφαιρέστε την εσοχή (συνδυασμός πλήκτρων Shift+Tab στο πληκτρολόγιο).

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

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

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

Ειδικοί χαρακτήρες ή μνημονικά σε κώδικα HTML

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

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

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

Σε αυτήν την κωδικοποίηση κειμένου ήταν δυνατή η εγγραφή μόνο 256 χαρακτήρων - 128 από το ASCII και άλλοι 128 για τα ρωσικά γράμματα. Ως αποτέλεσμα, προέκυψε ένα πρόβλημα με τη χρήση σε ιστότοπους χαρακτήρων που δεν περιλαμβάνονται στο ASCII και δεν είναι ρωσικά γράμματα που περιλαμβάνονται στο Κωδικοποιήσεις Windows 1251 (CP1251). Λοιπόν, αποφασίσατε να χρησιμοποιήσετε μια περισπωμένη ή μια απόστροφο, αλλά τέτοιες δυνατότητες αρχικά βρίσκονται στο χρησιμοποιημένο Γλώσσα HTMLη κωδικοποίηση δεν περιλαμβάνεται.

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

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

Περισσότεροι από 60.000 χαρακτήρες μπορούν να γραφτούν στο Unicode - το κύριο πράγμα είναι ότι το μνημονικό σύμβολο που χρειάζεστε υποστηρίζεται από τη γραμματοσειρά που χρησιμοποιείται στον ιστότοπό σας. Υπάρχουν γραμματοσειρές που υποστηρίζουν σχεδόν όλους τους χαρακτήρες Unicode και υπάρχουν επιλογές μόνο με ένα συγκεκριμένο σύνολο χαρακτήρων.

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

ΣύμβολοΚώδικας HTMLΔεκαδικός
κώδικας
Περιγραφή
μη σπάζοντας χώρο
στενό διάστημα (en-πλάτος ως γράμμα n)
ευρύ διάστημα (em-πλάτος ως γράμμα m)
- en παύλα (en-dash)
- em παύλα (εμ παύλα)
­ - ­ μαλακή μεταφορά
ΕΝΑ ́ Το άγχος τοποθετείται μετά το γράμμα «στρες».
© © πνευματική ιδιοκτησία
® ® ® σήμα κατατεθέν
σήμα κατατεθέν
º º º δόρυ του Άρη
ª ª ª καθρέφτης της Αφροδίτης
ppm
π π π pi (χρησιμοποιήστε Times New Roman)
¦ ¦ ¦ κάθετη διακεκομμένη γραμμή
§ § § παράγραφος
° ° ° βαθμός
µ µ µ μικρό σημάδι
σημάδι παραγράφου
έλλειψη
επικάλυψη
´ ´ ´ σημάδι προφοράς
αριθμητικό σημάδι
🔍 🔍 Μεγεθυντικός φακός (με κλίση προς τα αριστερά)
🔎 🔎 Μεγεθυντικός φακός (με κλίση προς τα δεξιά)
σημάδια αριθμητικών και μαθηματικών πράξεων
× × × πολλαπλασιάζω
÷ ÷ ÷ διαιρέστε
< < πιο λιγο
> > > περισσότερο
± ± ± συν/πλην
¹ ¹ ¹ βαθμός 1
² ² ² βαθμός 2
³ ³ ³ βαθμός 3
¬ ¬ ¬ άρνηση
¼ ¼ ¼ ένα τέταρτο
½ ½ ½ μισό
¾ ¾ ¾ τα τρία τέταρτα
δεκαδικό σημείο
μείον
λιγότερο ή ίσο
περισσότερο ή ίσο
περίπου (σχεδόν) ίσος
όχι ίσα
πανομοιότυπα
τετραγωνική ρίζα (ριζική)
άπειρο
σημάδι άθροισης
σήμα εργασίας
μερικό διαφορικό
αναπόσπαστο
για όλους (ορατό μόνο εάν με έντονους χαρακτήρες)
υπάρχει
άδειο σετ
Ø Ø Ø διάμετρος
ανήκει
δεν ανήκει
περιέχει
είναι ένα υποσύνολο
είναι ένα υπερσύνολο
δεν είναι υποσύνολο
είναι υποσύνολο ή ίσο με
είναι υπερσύνολο ή ίσο
συν σε κύκλο
σύμβολο πολλαπλασιασμού σε κύκλο
κάθετος
γωνία
λογικό ΚΑΙ
λογικό Ή
σημείο τομής
Ενωση
ταμπέλες νομίσματος
Ρούβλι. Το σύμβολο του ρουβλίου πρέπει να χρησιμοποιείται σε συνδυασμό με τον αριθμό. Πρότυπο Unicode 7.0. Εάν δεν βλέπετε την εικόνα, ενημερώστε τις γραμματοσειρές Unicode σας.
Ευρώ
¢ ¢ ¢ Σεντ
£ £ £ Lb
¤ ¤ ¤ Σημάδι νομίσματος
¥ ¥ ¥ Σημάδι γιεν και γιουάν
ƒ ƒ ƒ Σημάδι Φλωρίνης
μαρκαδόροι
. απλός μαρκαδόρος
κύκλος
· · · μεσαίο σημείο
σταυρός
διπλός σταυρός
κορυφές
συλλόγους
καρδιές
διαμάντια
ρόμβος
μολύβι
μολύβι
μολύβι
χέρι
εισαγωγικά
" " " διπλό απόσπασμα
& & & σύμφωνο
« « « αριστερό τυπογραφικό εισαγωγικό (ψαροκόκαλο εισαγωγικό)
» » » δεξιό τυπογραφικό εισαγωγικό (ψαροκόκαλο εισαγωγικό)
ενιαία γωνία ανοίγματος προσφοράς
Κλείσιμο προσφοράς μιας γωνίας
prime (λεπτά, πόδια)
διπλός πρώτος (δευτερόλεπτα, ίντσες)
πάνω αριστερά ενιαίο απόσπασμα
πάνω δεξιά ενιαίο απόσπασμα
κάτω δεξιά ενιαίο εισαγωγικό
quote-πόδι αριστερά
quote πόδι πάνω δεξιά
quote πόδι κάτω δεξιά
ενιαίο αγγλικό εισαγωγικό
ενιαίο αγγλικό εισαγωγικό κλεισίματος
άνοιγμα διπλού εισαγωγικού
διπλό εισαγωγικό κλεισίματος
βέλη
αριστερό βέλος
επάνω βέλος
δεξί βέλος
βέλος προς τα κάτω
αριστερό και δεξί βέλος
πάνω και κάτω βέλος
επιστροφή άμαξα
διπλό αριστερό βέλος
διπλό επάνω βέλος
διπλό δεξί βέλος
διπλό βέλος προς τα κάτω
διπλό βέλος αριστερά και δεξιά
διπλό βέλος πάνω και κάτω
τρίγωνο επάνω βέλος
τρίγωνο κάτω βέλος
τρίγωνο δεξιό βέλος
τρίγωνο αριστερό βέλος
αστέρια, νιφάδες χιονιού
Χιονάνθρωπος
Νιφάδα χιονιού
Νιφάδα χιονιού στριμωγμένη από τριφύλλια
Χοντρή νιφάδα χιονιού με οξεία γωνία
Σκιασμένο αστέρι
Κενό αστέρι
Μη γεμάτο αστέρι σε έναν γεμάτο κύκλο
Γεμάτο αστέρι με ανοιχτό κύκλο μέσα
Περιστρεφόμενο αστέρι
Συρμένο λευκό αστέρι
Μεσαίος ανοιχτός κύκλος
Μέσος γεμάτος κύκλος
Sextile (τύπου χιονονιφάδας)
Οκτάκτινο περιστρεφόμενο αστέρι
Αστέρι με σφαιρικές απολήξεις
Έντονη οκτάκτινη έλικα σε σχήμα σταγόνας
Δεκαεξάκτινος αστερίσκος
Δωδεκάκτινο αστέρι
Τολμηρό οκτάκτινο ίσιο γεμάτο αστέρι
Εξάκτινο γεμάτο αστέρι
Οκτάκτινο ίσιο γεμάτο αστέρι
Οκτάκτινο αστέρι
Οκτάκτινο αστέρι
Αστέρι με κενό κέντρο
Χοντρό αστέρι
Τετράκτινο ανοιχτό αστέρι
Τετράκτινο γεμάτο αστέρι
Αστέρι σε κύκλο
Νιφάδα χιονιού σε κύκλο
ρολόι, ώρα
Παρακολουθώ
Παρακολουθώ
Κλεψύδρα
Κλεψύδρα

Υπάρχει ένα αρκετά ενδιαφέρον μέθοδος λήψης Κώδικας HTMLμνημονικόςγια το σημάδι που χρειάζεστε. Για να το κάνετε αυτό, απλώς ανοίξτε το πρόγραμμα επεξεργασίας Microsoft Word, δημιουργήστε ένα νέο έγγραφο και επιλέξτε από επάνω μενού"Εισαγωγή" - "Σύμβολο" (Χρησιμοποιώ την έκδοση του 2003, επομένως δεν ξέρω πώς να κάνω παρόμοια λειτουργία σε μεταγενέστερες εκδόσεις).

Στο παράθυρο που ανοίγει, πρέπει να επιλέξετε μια γραμματοσειρά, για παράδειγμα, Times New Roman (ή οποιαδήποτε άλλη προφανώς θα υπάρχει στους περισσότερους υπολογιστές των επισκεπτών του ιστότοπού σας - Courier ή Arial, για παράδειγμα).

Προσθέστε από τη λίστα που ανοίγει στη δική σας Έγγραφο του Wordόλους τους ειδικούς χαρακτήρες που χρειάζεστε και αποθηκεύστε αυτό το έγγραφο του Word ως ιστοσελίδα (επιλέγεται από την αναπτυσσόμενη λίστα ".html" κατά την αποθήκευση). Λοιπόν, το μόνο που έχετε να κάνετε είναι να ανοίξετε αυτήν την ιστοσελίδα σε οποιοδήποτε πρόγραμμα επεξεργασίας HTML (το ίδιο θα κάνει το Notepad++) και θα δείτε τα πάντα ψηφιακούς κωδικούςμνημονικά που χρειάζεστε:

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

Αδιάσπαστος χώρος και απαλή παύλα στα παραδείγματα

Όπως ήδη ανέφερα παραπάνω και όπως μπορείτε να δείτε από τον πίνακα των ειδικών χαρακτήρων που δίνεται ακριβώς παραπάνω, ορισμένα μνημονικά σε Html έλαβαν, εκτός από ψηφιακά, και έναν συμβολικό προσδιορισμό για ευκολότερη απομνημόνευση. Εκείνοι. Αντί για το σύμβολο κατακερματισμού "#" (hash), οι λέξεις χρησιμοποιούνται σε συμβολικές παραλλαγές. Για παράδειγμα, ο ίδιος χώρος χωρίς διακοπή μπορεί να γραφτεί είτε ως (ψηφιακός μνημονικός) είτε ως (χαρακτήρας).

Κατά τη σύνταξη άρθρων, εάν χρειάζεται να εισαγάγετε συμπλεκτικό σύμβολο (&) ή ανοιχτό γωνιακό βραχίονα (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Δηλαδή, εάν γράφετε ένα άρθρο στο οποίο θα χρειαστεί να εισαγάγετε, για παράδειγμα, μια εμφάνιση ετικέτας στο κείμενο< body>ή απλά πρέπει να εισαγάγετε ένα σύμβολο μικρότερο από (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

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

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

Αυτό θα πρέπει να γίνει για να μπείτε στη σελίδα<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

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

1400 GB.

Μερικές φορές μπορεί να προκύψει η αντίθετη κατάσταση, όταν το κείμενο περιέχει πολύ μεγάλες λέξεις και θέλετε να βεβαιωθείτε ότι, εάν είναι απαραίτητο, το πρόγραμμα περιήγησης Θα μπορούσα να σπάσω αυτές τις λέξεις με παύλα. Για τέτοιους σκοπούς, παρέχεται ένα ειδικό σύμβολο "soft transfer" -

Μεγάλη, μεγάλη λέξη.

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

Καλή σου τύχη! Τα λέμε σύντομα στις σελίδες του ιστότοπου του ιστολογίου

Μπορεί να σας ενδιαφέρει

MailTo - τι είναι και πώς να δημιουργήσετε έναν σύνδεσμο σε Html για να στείλετε ένα email
Ετικέτες και χαρακτηριστικά των επικεφαλίδων H1-H6, οριζόντια γραμμή Hr, αλλαγή γραμμής Br και παράγραφος P σύμφωνα με το πρότυπο Html 4.01
Πώς να εισαγάγετε έναν σύνδεσμο και μια εικόνα (φωτογραφία) σε ετικέτες HTML - IMG και A
Τι είναι η γλώσσα σήμανσης υπερκειμένου Html και πώς να προβάλετε μια λίστα με όλες τις ετικέτες στο πρόγραμμα επικύρωσης του W3C
Γραμματοσειρά (Πρόσωπο, Μέγεθος και Χρώμα), Blockquote και Pre tags - μορφοποίηση κειμένου παλαιού τύπου σε καθαρό HTML (δεν χρησιμοποιείται CSS)
Πώς ορίζονται τα χρώματα σε κώδικα Html και CSS, επιλογή αποχρώσεων RGB σε πίνακες, έξοδος Yandex και άλλα προγράμματα
Οδηγίες σχολίων και Doctype σε κώδικα Html, καθώς και η έννοια του μπλοκ και των ενσωματωμένων στοιχείων (ετικέτες)
Λίστες σε κώδικα Html - ετικέτες UL, OL, LI και DL

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

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

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

Διαστήματα και χαρακτήρες κενού διαστήματος σε HTML

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

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

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

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


Για να επιτύχετε την ίδια εμφάνιση σε ένα παράθυρο προγράμματος περιήγησης ιστού, πρέπει να γράψετε BR σε κάθε αλλαγή γραμμής:

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

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

Διάλειμμα διαστήματος, καρτέλας και γραμμής

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

  • Το πλήκτρο διαστήματος είναι το ευρύτερο πλήκτρο σε ένα πληκτρολόγιο υπολογιστή (χωρίς ετικέτα).
  • Tab - ένα κλειδί στα αριστερά με την επιγραφή "Tab" και δύο βέλη που δείχνουν προς διαφορετικές κατευθύνσεις.
  • Αλλαγή γραμμής - πλήκτρο "Enter".

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


Λαμβάνουμε κώδικα που είναι εύκολο να διαβαστεί και να κατανοηθεί χάρη στα κενά. Τα πορτοκαλί βέλη υποδεικνύουν εσοχές που δημιουργήθηκαν με το πλήκτρο Tab και τα σύμβολα CR και LF υποδεικνύουν αλλαγές γραμμής που δημιουργήθηκαν με το πλήκτρο Enter.

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

Με τον ίδιο τρόπο, χρησιμοποιώντας χαρακτήρες κενού διαστήματος, μπορείτε να γράψετε κανόνες CSS που θα φαίνονται οπτικά σαφείς και εύπεπτοι:


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

Ειδικοί χαρακτήρες (ή μνημονικά) σε κώδικα HTML

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

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

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

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

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

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

σύμβολο κώδικας βελτίωση της μνήμης περιγραφή
μη σπάζοντας χώρο
στενό διάστημα (en-πλάτος ως γράμμα n)
ευρύ διάστημα (em-πλάτος ως γράμμα m)
- en παύλα (en-dash)
- em παύλα (εμ παύλα)
­ - ­ μαλακή μεταφορά
ΕΝΑ ́ Το άγχος τοποθετείται μετά το γράμμα «στρες».
© © πνευματική ιδιοκτησία
® ® ® σήμα κατατεθέν
σήμα κατατεθέν
º º º δόρυ του Άρη
ª ª ª καθρέφτης της Αφροδίτης
ppm
π π π pi (χρησιμοποιήστε Times New Roman)
¦ ¦ ¦ κάθετη διακεκομμένη γραμμή
§ § § παράγραφος
° ° ° βαθμός
µ µ µ μικρό σημάδι
σημάδι παραγράφου
έλλειψη
επικάλυψη
´ ´ ´ σημάδι προφοράς
αριθμητικό σημάδι
🔍 🔍 Μεγεθυντικός φακός (με κλίση προς τα αριστερά)
🔎 🔎 Μεγεθυντικός φακός (με κλίση προς τα δεξιά)
σημάδια αριθμητικών και μαθηματικών πράξεων
× × × πολλαπλασιάζω
÷ ÷ ÷ διαιρέστε
< < πιο λιγο
> > > περισσότερο
± ± ± συν/πλην
¹ ¹ ¹ βαθμός 1
² ² ² βαθμός 2
³ ³ ³ βαθμός 3
¬ ¬ ¬ άρνηση
¼ ¼ ¼ ένα τέταρτο
½ ½ ½ μισό
¾ ¾ ¾ τα τρία τέταρτα
δεκαδικό σημείο
μείον
λιγότερο ή ίσο
περισσότερο ή ίσο
περίπου (σχεδόν) ίσος
όχι ίσα
πανομοιότυπα
τετραγωνική ρίζα (ριζική)
άπειρο
σημάδι άθροισης
σήμα εργασίας
μερικό διαφορικό
αναπόσπαστο
για όλους (ορατό μόνο εάν με έντονους χαρακτήρες)
υπάρχει
άδειο σετ
Ø Ø Ø διάμετρος
ανήκει
δεν ανήκει
περιέχει
είναι ένα υποσύνολο
είναι ένα υπερσύνολο
δεν είναι υποσύνολο
είναι υποσύνολο ή ίσο με
είναι υπερσύνολο ή ίσο
συν σε κύκλο
σύμβολο πολλαπλασιασμού σε κύκλο
κάθετος
γωνία
λογικό ΚΑΙ
λογικό Ή
σημείο τομής
Ενωση
ταμπέλες νομίσματος
Ευρώ
¢ ¢ ¢ Σεντ
£ £ £ Lb
¤ ¤t; ¤ Σημάδι νομίσματος
¥ ¥ ¥ Σημάδι γιεν και γιουάν
ƒ ƒ ƒ Σημάδι Φλωρίνης
μαρκαδόροι
. απλός μαρκαδόρος
κύκλος
· · · μεσαίο σημείο
σταυρός
διπλός σταυρός
κορυφές
συλλόγους
καρδιές
διαμάντια
ρόμβος
μολύβι
μολύβι
μολύβι
χέρι
εισαγωγικά
" " " διπλό απόσπασμα
& & & σύμφωνο
« « « αριστερό τυπογραφικό εισαγωγικό (ψαροκόκαλο εισαγωγικό)
» » » δεξιό τυπογραφικό εισαγωγικό (ψαροκόκαλο εισαγωγικό)
ενιαία γωνία ανοίγματος προσφοράς
Κλείσιμο προσφοράς μιας γωνίας
prime (λεπτά, πόδια)
διπλός πρώτος (δευτερόλεπτα, ίντσες)
πάνω αριστερά ενιαίο απόσπασμα
πάνω δεξιά ενιαίο απόσπασμα
κάτω δεξιά ενιαίο εισαγωγικό
quote-πόδι αριστερά
quote πόδι πάνω δεξιά
quote πόδι κάτω δεξιά
ενιαίο αγγλικό εισαγωγικό
ενιαίο αγγλικό εισαγωγικό κλεισίματος
άνοιγμα διπλού εισαγωγικού
διπλό εισαγωγικό κλεισίματος
βέλη
αριστερό βέλος
επάνω βέλος
δεξί βέλος
βέλος προς τα κάτω
αριστερό και δεξί βέλος
πάνω και κάτω βέλος
επιστροφή άμαξα
διπλό αριστερό βέλος
διπλό επάνω βέλος
διπλό δεξί βέλος
διπλό βέλος προς τα κάτω
διπλό βέλος αριστερά και δεξιά
διπλό βέλος πάνω και κάτω
τρίγωνο επάνω βέλος
τρίγωνο κάτω βέλος
τρίγωνο δεξιό βέλος
τρίγωνο αριστερό βέλος
αστέρια, νιφάδες χιονιού
Χιονάνθρωπος
Νιφάδα χιονιού
Νιφάδα χιονιού στριμωγμένη από τριφύλλια
Χοντρή νιφάδα χιονιού με οξεία γωνία
Σκιασμένο αστέρι
Κενό αστέρι
Μη γεμάτο αστέρι σε έναν γεμάτο κύκλο
Γεμάτο αστέρι με ανοιχτό κύκλο μέσα
Περιστρεφόμενο αστέρι
Συρμένο λευκό αστέρι
Μεσαίος ανοιχτός κύκλος
Μέσος γεμάτος κύκλος
Sextile (τύπου χιονονιφάδας)
Οκτάκτινο περιστρεφόμενο αστέρι
Αστέρι με σφαιρικές απολήξεις
Έντονη οκτάκτινη έλικα σε σχήμα σταγόνας
Δεκαεξάκτινος αστερίσκος
Δωδεκάκτινο αστέρι
Τολμηρό οκτάκτινο ίσιο γεμάτο αστέρι
Εξάκτινο γεμάτο αστέρι
Οκτάκτινο ίσιο γεμάτο αστέρι
Οκτάκτινο αστέρι
Οκτάκτινο αστέρι
Αστέρι με κενό κέντρο
Χοντρό αστέρι
Τετράκτινο ανοιχτό αστέρι
Τετράκτινο γεμάτο αστέρι
Αστέρι σε κύκλο
Νιφάδα χιονιού σε κύκλο
ρολόι, ώρα
Παρακολουθώ
Παρακολουθώ
Κλεψύδρα
Κλεψύδρα

Περιπτώσεις χρήσης ορισμένων ειδικών χαρακτήρων, συμπεριλαμβανομένου του διαστήματος που δεν σπάει και της απαλής παύλας

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

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

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

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

Επιπλέον, για να εμφανιστεί στο πρόγραμμα περιήγησης όχι το ίδιο το σύμβολο, αλλά η ονομασία του μορφή

, πρέπει να προσθέσετε τον κωδικό του από τον πίνακα:

υποσέλιδο

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


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

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

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

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

Και πρέπει να εισαχθεί ανάμεσα σε δύο σετ σημαδιών που πρέπει να συνδεθούν:

1000 τρίψτε.

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

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

Μακριά μακρά μακρά μακρά λέξη

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

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


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

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

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

Ορος newlin(νέα γραμμή) χρησιμοποιείται για να σημαδέψει ΘΕΩΡΗΤΙΚΑ το τέλος μιας γραμμής. Το SGML καθορίζει ότι μια γραμμή (εγγραφή) πρέπει να ξεκινά με χαρακτήρα έναρξης (νέα γραμμή - τροφοδοσία γραμμής, LF, κωδικός ASCII 10) και να τελειώνει με χαρακτήρα τέλους εγγραφής (επιστροφή μεταφοράς, CR, ASCII 13). Στην πράξη, τα έγγραφα HTML αποδίδονται και μεταδίδονται χρησιμοποιώντας μια αναπαράσταση νέας γραμμής που συνάδει με τα δεδομένα υπολογιστικών συστημάτων. Επομένως, τα προγράμματα περιήγησης HTML επιτρέπουν την υποστήριξη για οποιαδήποτε από τις τρεις κοινές αναπαραστάσεις διαχωρισμού γραμμών, που υποδηλώνονται με την ακολουθία CR LF, CR only ή LF μόνο, και βάσει αυτής της υπόθεσης επισημαίνουν σφάλματα στην αναπαράσταση των αρχικών και των τελικών χαρακτήρων μιας εγγραφής .

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

Διεθνές

αυτό θα ερμηνευθεί ως

Διεθνές

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

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

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

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

Όσον αφορά τη χρήση της νέας γραμμής σε συνδυασμό με ετικέτες HTML, υπάρχουν ειδικοί κανόνες:

  • Οι αλλαγές γραμμής αμέσως μετά την ετικέτα έναρξης αγνοούνται. Για παράδειγμα, οι γραμμές
  • Ομοίως, η αλλαγή γραμμής που προηγείται της ετικέτας τέλους αγνοείται. Για παράδειγμα, οι γραμμές

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

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

Όπως έχουμε ήδη δει, ετικέτες HTML όπως<р>, διαβάζονται μόνο από το πρόγραμμα περιήγησης (για να γνωρίζουμε ποιο τύποςπεριεχόμενα γραμμένα), αλλά δεν εμφανίζεταισε αυτόν.

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

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

  • Διακοπές γραμμής?
  • κενές γραμμές?
  • καρτέλα (ή εσοχή).

Διακοπές γραμμής

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

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

Για να γίνει πραγματικότητα εισάγετεαλλαγή γραμμής πρέπει να χρησιμοποιήσετε το στοιχείο
:

Στα καλύτερά της, η ζωή είναι τέλεια
απρόβλεπτος

Κατάταξη εις πίνακα

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

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

Ας βάλουμε καρτέλα αυτό το κείμενο.

Εάν θέλετε να προσθέσετε χώρο πρινμε λίγα λόγια, θα πρέπει να χρησιμοποιήσετε CSS.

Εάν θέλετε να κλείσετε ένα στοιχείο HTML, πρέπει πρώτα να κλείσετε όλα τα θυγατρικά του στοιχεία.

Μορφοποίηση δέντρου

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

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

Επειδή μπορεί να είναι δύσκολο να παρακολουθείτε τη σειρά με την οποία άνοιξαν τα στοιχεία HTML, συνιστάται η εγγραφή HTML μορφή δέντρου:

Αυτός ο κωδικός είναι γραμμένος μερικοίγραμμές, αλλά θα εξακολουθεί να εμφανίζεται ως έναςγραμμή.

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

  • είναι πρόγονος;
  • - μητρική εταιρείαΓια Και ;

  • Και - Αυτό αδελφικόςστοιχεία.

Γράψτε HTML για να διαβάσετε

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

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

Δεν υπάρχουν συγκεκριμένοι κανόνες σχετικά με τη μορφοποίηση HTML, αλλά υπάρχουν σιωπηροί συμφωνίες, συγκεκριμένα:

  • χρήση κατάταξη εις πίνακαγια να βοηθήσει στην οπτικοποίηση συνημμέναΣτοιχεία HTML.
  • Εισαγάγετε ετικέτες ανοίγματος και κλεισίματος στοιχείων μπλοκ ξεχωριστές γραμμές;
  • γράψτε ενσωματωμένα στοιχεία σε μία γραμμή (συμπεριλαμβανομένων των ετικετών ανοίγματος και κλεισίματος).