Συνδυασμένες ετικέτες. Εισαγωγή στην HTML

Οι ζευγαρωμένες ετικέτες, που αλλιώς ονομάζονται κοντέινερ, αποτελούνται από δύο μέρη - μια ετικέτα ανοίγματος και μια ετικέτα κλεισίματος. Η ετικέτα ανοίγματος συμβολίζεται ως ενιαία ετικέτα - <тег> και το κλείσιμο χρησιμοποιεί κάθετο - . Μπορείτε να τοποθετήσετε άλλες ετικέτες σε ένα κοντέινερ, αλλά πρέπει να σεβαστείτε τη σειρά τους. Έτσι, στο Σχ. Το σχήμα 4 δείχνει πώς μπορείτε και δεν μπορείτε να προσθέσετε ένα δοχείο μέσα σε ένα άλλο.

Ρύζι. 4 Ένθεση ετικετών, α - σωστή, β - λάθος

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

Δεν απαιτούν όλα τα κοντέινερ μια ετικέτα κλεισίματος, μερικές φορές μπορεί να παραλειφθεί. Ωστόσο, κλείστε όλες τις απαιτούμενες ετικέτες, ώστε να μάθετε να μειώνετε τα πιθανά σφάλματα στο μηδέν.

      1. Κανόνες χρήσης ετικετών

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

Προσθήκη ετικετών σε χαρακτηριστικά και εισαγωγικά

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

Παράδειγμα 2: Χρήση εισαγωγικών σε χαρακτηριστικά ετικετών

< html>

< κεφάλι>

< μετα http-equiv="content-type" content="text/html; charset=utf-8" >

< τίτλος> Εισαγωγικά στο χαρακτηριστικό alt τίτλος>

κεφάλι>

< σώμα>

< σελ>< img src="images/arena.png" alt="Προβολή κεφαλίδας" width="400" height="101"!} >σελ>

< σελ>< img src="images/arena.png" alt= Θέαεπί κεφαλής width="400" height="101" >σελ>

σώμα>

html>

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

Οι ετικέτες μπορούν να γραφτούν με κεφαλαίους και πεζούς χαρακτήρες

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

Σπάει η γραμμή

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

Παράδειγμα 3. Αλλαγές γραμμής στον κωδικό ετικέτας

HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4

< html>

< κεφάλι>

< μετα http-equiv="content-type" content="text/html; charset=utf-8" >

< τίτλος> Εισαγωγικά στο χαρακτηριστικό alt τίτλος>

κεφάλι>

< σώμα>

< σελ>< img src="images/arena.png" alt="Προβολή κεφαλίδας στο IE" width="400" height="101"!} >σελ>

< σελ>< img src="images/arena.png"

alt="Προβολή κεφαλίδας στο πρόγραμμα περιήγησης IE"!}

ύψος = "101" >σελ>

σώμα>

html>

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

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

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

HTML 4.x

Δεν μπορώ να βρω καμία αναφορά για αυτήν τη σύνταξη στην προδιαγραφή HTML 4.x. Αυτή δεν είναι έγκυρη σύνταξη.

Στην προδιαγραφή HTML 5, το / (που ονομάζεται SOLIDUS) είναι έγκυρο, αλλά δεν έχει καμία επίδραση σε κενά στοιχεία όπως
,

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