Τι είναι το: Στοιχείο 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>