HTML <header> σημαία
Ορισμός και χρήση
<header>
Το στοιχείο αντιπροσωπεύει κεντρικό περιεχόμενο ή κουτί με σύνδεσμοι πλοήγησης.
<header>
Το στοιχείο συνήθως περιέχει:
- ένα ή περισσότερα στοιχεία τίτλου (<h1> - <h6>)
- Λογότυπο ή εικονίδιο
- Πληροφορίες συγγραφέα
Συμβουλή:<header>
Ο τύπος χρησιμοποιείται συχνά για τη διαμόρφωση της κεφαλίδας του έγγραφου.
Σημείωση:Ο κάθε HTML έγγραφος μπορεί να έχει πολλαπλά <header>
στο στοιχείο. Ωστόσο:<header>
Δεν μπορεί να τοποθετηθεί <footer>、<address> ή κάποιο άλλο <header>
στο στοιχείο.
Δείτε επίσης:
Ο οδηγός HTML DOMΟ αντικείμενος κεφαλίδας
Παράδειγμα
Παράδειγμα 1
Τίτλος του <article>:
<article> <header> <h1>Αυτό είναι ο τίτλος</h1> <p>Δημοσιεύτηκε από τον Bill Gates</p> <p>Προσφέρουμε επίσης κάποιες πρόσθετες πληροφορίες.</p> </header> <p>Αυτό είναι το κείμενο του άρθρου.... Αυτό είναι το κείμενο του άρθρου....</p> </article>
Παράδειγμα 2
Επικεφαλίδα:
<header> <h1>Αυτό είναι ο τίτλος της αρχικής σελίδας</h1> <p>Δημοσιεύτηκε από τον Bill Gates</p> </header>
Γενικές Ιδιότητες
<header>
Η ετικέτα υποστηρίζει επίσης Γενικές Ιδιότητες στο HTML.
Αντικειμενικές Ειδικές Ιδιότητες
<header>
Η ετικέτα υποστηρίζει επίσης Αντικειμενικές Ειδικές Ιδιότητες στο HTML.
Προεπιλεγμένες Ρυθμίσεις CSS
Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις ακόλουθες προεπιλεγμένες τιμές για την προβολή <header>
Στοιχεία:
header { display: block; }
Υποστήριξη Βrowser
Τα αριθμήματα στη τάβλη αναφέρονται στην πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ετικέτα.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
5.0 | 9.0 | 4.0 | 5.0 | 11.1 |