HTML <head> κείμενο

Ορισμός και χρήση

<head> στοιχεία είναι το θάλαμος των μεταδεδομένων (δεδομένα για δεδομένα) και βρίσκεται <html> ετικέτα και <body> ετικέτα μεταξύ.

Τα μεταδεδομένα είναι δεδομένα σχετικά με το εγγραφή HTML. Τα μεταδεδομένα δεν εμφανίζονται.

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

Τα παρακάτω στοιχεία μπορούν να τοποθετηθούν <head> στοιχεία του

Συμπεριγραφή

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

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

Κάθε εγγραφή HTML πρέπει να περιέχει μια ενότητα head, η οποία πρέπει να περιέχει τουλάχιστον ένα Στοιχείο title.

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

Για περισσότερες πληροφορίες:

Εκμάθηση HTML:Κεφαλίδα HTML

Εγχειρίδιο HTML DOM:Όνειρο

Παράδειγμα

Παράδειγμα 1

Μια απλή αλλά πλήρης εγγραφή HTML, στην ενότητα head υπάρχει μια ετικέτα <title>:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>Τίτλος εγγράφου</title>
  </head>
  <body>
    <h1>Αυτό είναι ένα τίτλος</h1>
    <p>Αυτό είναι ένα παράδειγμα σειράς.</p>
  </body>
</html>

Προσπαθήστε το شخصικά

Παράδειγμα 2

<base> ετικέτα（Ορίζει την προεπιλεγμένη URL και τον στόχο όλων των συνδέσμων της σελίδας），τοποθετημένο στο <head>;

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Δέντρο">
  <a href="tags/tag_base.asp">Ετικέτα base HTML</a>
</body>
</html>

Προσπαθήστε το شخصικά

Παράδειγμα 3

<style> ετικέτα（Προσθέτει στυλ πληροφορίες στην σελίδα），τοποθετημένο στο <head>;

<html>
  <head>
    <style>
      h1 {χρώμα: κόκκινο;}
      p {χρώμα: μπλέ;}
    </style>
  </head>
  <body>
    <h1>Μια τίτλος</h1>
    <p>Ένας ατύπος.</p>
  </body>
</html>

Προσπαθήστε το شخصικά

Παράδειγμα 4

<link> ένδειξη（Σύνδεση με εξωτερικό αρχείο στυλ），τοποθετημένο στο <head>:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>Χρησιμοποίησα στυλ συνδέσμου για τη διαμόρφωση.</h1>
    <p>Είμαι και εγώ!</p>
  </body>
</html>

Προσπαθήστε το شخصικά

Γενικές ιδιότητες

<head> Οι ετικέτες υποστηρίζουν επίσης Γενικές ιδιότητες HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Πλείστοι περιηγητές θα χρησιμοποιήσουν τις ακόλουθες προεπιλεγμένες τιμές για την εμφάνιση <head> Στοιχεία:

head {
  display: none;
}

Υποστήριξη浏览器

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη