Στοιχείο head στην HTML (HTML head)

Στοιχείο head στην HTML (HTML head)

Τι είναι το: Στοιχείο head στην HTML

Το στοιχείο head στην HTML είναι ένα δοχείο” για τα μεταδεδομένα (metadata), δηλαδή δεδομένα σχετικά με δεδομένα. Τα μεταδεδομένα της HTML, είναι δεδομένα σχετικά με το έγγραφο της HTML και τυπικά ορίζουν το τίτλο του εγγράφου, το στυλ, τις συνδέσεις, τα σενάρια, και άλλες μετα-πληροφορίες. Επίσης τα μεταδεδομένα δεν εμφανίζονται στην ιστοσελίδα.

Το στοιχείο head στην HTML έχει τις ετικέτες <head> και </head>.

Οι ετικέτες που χρησιμοποιούμε στο στοιχείο head είναι οι εξής:

  • <title>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <style>

Στοιχείο title

Με την ετικέτα <title> ορίζουμε τον τίτλο της ιστοσελίδας. Η ετικέτα αυτή ορίζει τίτλο στην καρτέλα (tab) του προγράμματος περιήγησης, παρέχει τίτλο στην ιστοσελίδα όταν αυτή προστεθεί στα αγαπημένα (favorites) και εμφανίζει έναν τίτλο για τη σελίδα στα αποτελέσματα των μηχανών αναζήτησης (search engines).

Παράδειγμα

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>

  <body>
    Περιεχόμενο Ιστοσελίδας...
  </body>
</html>

Στοιχείο base

Με την ετικέτα <base> ορίζουμε τη βασική σελίδα της ιστοσελίδας, στην οποία στοχεύουν όλες οι συγγενικές σελίδες.

Παράδειγμα:

<Ιink rel="stylesheet" href="mystyle.css">

Στοιχείο meta

Η ετικέτα <meta> χρησιμοποιείται για να καθορίσει την περιγραφή της σελίδας, λέξεις-κλειδιά, συγγραφέα και άλλα μεταδεδομένα.

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

Παράδειγμα με λέξεις-κλειδιά:

<meta name="keywords" content="HTML, CSS,JavaScript, C, C#">

Παράδειγμα με περιγραφή σελίδας:

<meta name="description" content="Ιδιαίτερα Μαθήματα Πληροφορικής">

Παράδειγμα με χαρακτήρες που θα χρησιμοποιηθούν:

<meta charset="UTF-8">

Παράδειγμα με συγγραφέα:

<meta name="author" content="Κωνσταντίνος">

Παράδειγμα με ανανέωση:

<meta http-equiv="refresh" content="30">

Στοιχείο script

Με την ετικέτα <script> προσθέτουμε κώδικα της javascript στην ιστοσελίδας για να μπορέσουμε να χειριστούμε τη συμπεριφορά των στοιχείων της HTML.

Παράδειγμα:

<script>
  function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
  }
</script>

Στοιχείο style

Με την ετικέτα <style> προσθέτουμε κώδικα CSS στην ιστοσελίδα για να μπορέσουμε να διαμορφώσουμε το στυλ παρουσίασης των στοιχείων της HTML.

Παράδειγμα:

<style>
  body {background-color:yellow;}
  p {color:blue;}
</style>

Απάντηση

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