Προσδιορισμός στοιχείων HTML - ανδρείκελα

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

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

• Το στοιχείο περικλείεται από αριστερό γωνιακό βραχίονα (<) και βραχίονα δεξιάς γωνίας (>). Ένα στοιχείο που περικλείεται με αυτόν τον τρόπο ονομάζεται ετικέτα (όπως, για παράδειγμα,

  ).

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

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

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

Πρόκειται για μια μεγάλη επικεφαλίδα με τις τρεις συνθήκες

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

Το πρόγραμμα περιήγησης εφαρμόζει ένα εφέ κεφαλίδας στο "Αυτή είναι μια μεγάλη επικεφαλίδα με τις τρεις συνθήκες" επειδή η h1 είναι μια ετικέτα κεφαλίδας και υπάρχουν και οι τρεις προϋποθέσεις για μια έγκυρη ετικέτα HTML:

Το πρόγραμμα περιήγησης αναγνωρίζει το στοιχείο h1.

• Το στοιχείο h1 περιβάλλεται από αριστερό (<) και δεξί βραχίονα (>).

• Η ετικέτα ανοίγματος (

• ) ακολουθείται από κείμενο και έπειτα από ετικέτα κλεισίματος (

  ).

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

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

λείπει η αριστερή και η δεξιά αγκύλη, η οποία παραβιάζει τη δεύτερη προϋπόθεση.

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

Κάθε αριστερός γωνιακός βραχίονας πρέπει να ακολουθείται μετά από το στοιχείο με ορθή γωνία στήριξης. Επιπλέον, κάθε ετικέτα HTML που ανοίγει πρέπει να ακολουθείται με μια ετικέτα κλεισίματος HTML. Υπάρχουν περισσότερα από 100 στοιχεία HTML.

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