Επικεφαλίδες HTML

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

Οι ετικέτες επικεφαλίδας ορίζονται με τις ετικέτες <h1> έως <h6>, όπου <h1> είναι η ετικέτα με τη μεγαλύτερη σημασία και η <h6> είναι η ετικέτα με τη μικρότερη σημασία.

Δείτε ένα παράδειγμα ζωντανά

Να σημειωθεί πως οι περιηγητές διαδικτύου προσθέτουν αυτόματα κάποιο καινό χώρο πριν και μετά τις ετικέτες επικεφαλίδας αυτόματα που ισοδυναμεί με τρία margin.

Οι επικεφαλίδες είναι σημαντικές

Τι ετικέτες επικεφαλίδας να της χρησιμοποιείτε μόνο για αν ορίζετε επικεφαλίδες και για κανένα άλλο λόγο.

Οι μηχανές αναζήτησης χρησιμοποιούν τις επικεφαλίδες για να ταξινομήσουν τη δομή και το περιεχόμενο της ιστοσελίδας σας.

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

Η ετικέτα <h1> θα πρέπει να χρησιμοποιείτε ως η κύρια επικεφαλίδα στο έγγραφο σας, ακολουθούμενη από <h2> που είναι λιγότερο σημαντική και να καταλήγετε στην επικεφαλίδα <h6> που είναι η λιγότερο σημαντική.

Γραμμές στην HTML

Η ετικέτα <hr /> δημιουργεί οριζόντιες γραμμές σε μία σελίδα HTML. Μία χρήση της ετικέτας <hr /> είναι ο διαχωρισμός του περιεχομένου μιας ιστοσελίδας. Δείτε το ακόλουθο παράδειγμα:

<p>Αυτή είναι μια παράγραφος κειμένου με λέξεις και γράμματα</p>
<hr />
<p>Αυτή η παράγραφος είναι μετά την πρώτη ετικέτα που δημιουργεί μια οριζόντια γραμμή</p>
<hr />
<p>Και αυτή η παράγραφος είναι μετά από μια γραμμή που τη δημιουργεί η ετικέτα <hr /><p>

Δείτε το παράδειγμα ζωντανά

Σχόλια στον κώδικα της HTML

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

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

Τα σχόλια μέσα στον κώδικα HTML γράφονται όπως στο παράδειγμα που ακολουθεί:

<!-- Αυτό είναι ένα σχόλιο -->

Να σημειωθεί πως μετά την αγκύλη έναρξης υπάρχει ένα θαυμαστικό που δεν υπάρχει πριν την αγκύλη τερματισμού.

Συμβουλή – Πως να δείτε των κώδικα HTML μιας σελίδας

Έχετε ποτέ κάποια σελίδα για την οποία απορείτε πως έχει δημιουργηθεί το περιεχόμενο της; Σε ποιες ετικέτες είναι βασισμένο; Με τι τεχνικές την έχουν δομήσει;

Μπορείτε αν θέλετε να δείτε εύκολα των κώδικα που πλαισιώνει μια ιστοσελίδα απλά με δεξί κλικ στη σελίδα επιλέγοντας “Προβολή προέλευσης” για τον Internet Explorer, “Προβολή πηγαίου κώδικα” στον Firefox ή κάποια σχετική με αυτές τις επιλογές σε άλλους περιηγητές διαδικτύου.

Αυτές οι επιλογές θα ανοίξουν ένα παράθυρο που θα περιέχει τον κώδικα της ιστοσελίδας. Να σημειωθεί βέβαια πως αυτή η τεχνική θα προβάλει των κώδικα που έχει γράψει αρχικά ο Web Developer. Μερικά από τα στοιχεία που βλέπεται σε μια σελίδα μπορεί να έχουν δημιουργηθεί με τη βοήθεια σεναρίων εντολών και με τεχνολογία AJAX.

[COL size=”one_half”]« Ιδιότητες στις ετικέτες HTML[/COL] [COL size=’one_half’ last=’last’]

[/COL]