HTML5 είναι η γλώσσα σήμανσης που χρησιμοποιείται για την εγγραφή σελίδων που εμφανίζονται στον ιστό. Ακολουθεί κανόνες που ίσως δεν σας φαίνονται αρχικά. Ωστόσο, σε HTML5, υπάρχουν μόνο λίγα πράγματα που πρέπει να γνωρίζετε για να ξεκινήσετε να γράφετε ένα έγγραφο HTML, το οποίο μπορείτε να κάνετε σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου.
Ετικέτες ανοίγματος και κλεισίματος
Με λίγες μόνο εξαιρέσεις, όλες οι οδηγίες - που ονομάζονται ετικέτες - έρχονται σε ζεύγη. Ανοίγουν και στη συνέχεια κλείνουν σε HTML5. Οτιδήποτε μεταξύ της ετικέτας ανοίγματος και της ετικέτας κλεισίματος ακολουθεί τις οδηγίες που δίνονται από την ετικέτα ανοίγματος. Η μόνη διαφορά στην κωδικοποίηση είναι η προσθήκη μιας εμπρόσθιας κάθετης στην ετικέτα κλεισίματος. Για παράδειγμα:
Ο τίτλος πηγαίνει εδώ
Οι δύο ετικέτες εδώ υποδεικνύουν ότι όλο το περιεχόμενο μεταξύ των δύο πρέπει να εμφανίζεται στο μέγεθος γραμμής τίτλου h1. Εάν ξεχάσετε να προσθέσετε την ετικέτα κλεισίματος, όλα που ακολουθούν την ετικέτα ανοίγματος θα εμφανιστούν στο μέγεθος γραμμής τίτλου h1.
Οι βασικές ετικέτες σε HTML5
Τα βασικά στοιχεία που είναι απαραίτητα για ένα έγγραφο HTML5 είναι:
- doctype
- HTML
- κεφάλι
- σώμα
Η δήλωση doctype δεν είναι ετικέτα. Λέει στον υπολογιστή ότι το HTML5 έρχεται σε αυτό. Πηγαίνει στην κορυφή κάθε σελίδας HTML5 και παίρνει αυτήν τη φόρμα:
Η ετικέτα HTML δηλώνει στον υπολογιστή ότι όλα όσα εμφανίζονται μεταξύ της ετικέτας ανοίγματος και κλεισίματος ακολουθούν τους κανόνες της HTML5 και θα πρέπει να ερμηνεύονται σύμφωνα με αυτούς τους κανόνες. Μέσα στην ετικέτα, συνήθως θα βρείτε την ετικέτα και την ετικέτα.
Αυτές οι ετικέτες παρέχουν τη δομή για το έγγραφό σας, δίνουν στα προγράμματα περιήγησης κάτι οικείο για χρήση και εάν μεταβιβάσετε ποτέ τα έγγραφά σας στο XHTML, απαιτούνται σε αυτή την έκδοση της γλώσσας.
Η επικεφαλίδα ετικέτα είναι σημαντική για SEO, ή βελτιστοποίηση μηχανών αναζήτησης. Γράφοντας μια καλή ετικέτα τίτλου είναι το πιο σημαντικό πράγμα που μπορείτε να κάνετε για να προσελκύσετε τους αναγνώστες στη σελίδα σας. Δεν εμφανίζεται στη σελίδα, αλλά εμφανίζεται στην κορυφή του προγράμματος περιήγησης. Όταν γράφετε τον τίτλο, χρησιμοποιήστε λέξεις-κλειδιά που ισχύουν για τη σελίδα αλλά διατηρείτε την ευανάγνωστη. Ο τίτλος πηγαίνει μέσα στις ετικέτες ανοίγματος και κλεισίματος.
Η ετικέτα σώματος περιέχει όλα όσα βλέπετε στην οθόνη του υπολογιστή σας όταν ανοίγετε μια ιστοσελίδα. Σχεδόν όλα όσα γράφετε για μια ιστοσελίδα εμφανίζονται μεταξύ των ετικετών ανοίγματος και κλεισίματος. Βάλτε όλα αυτά τα βασικά μαζί και έχετε:
Ο τίτλος του τίτλου σας πηγαίνει εδώ. Τα πάντα στην ιστοσελίδα πηγαίνουν εδώ. Σημειώστε ότι κάθε ετικέτα έχει μια αντίστοιχη ετικέτα κλεισίματος.
Επικεφαλίδες Ετικέτες
Οι ετικέτες κλάσης καθορίζουν το σχετικό μέγεθος του κειμένου σε μια ιστοσελίδα. Οι ετικέτες h1 είναι οι μεγαλύτερες, ακολουθούμενες σε μέγεθος από τις ετικέτες h2, h3, h4, h5 και h6. Χρησιμοποιείτε αυτά για να κάνετε κάποιο από τα κείμενα μιας ιστοσελίδας να ξεχωρίζει ως τίτλος ή υπότιτλος. Χωρίς ετικέτες, όλο το κείμενο εμφανίζεται με το ίδιο μέγεθος. Οι ετικέτες με τίτλο χρησιμοποιούνται ως εξής:
Το Subhead πηγαίνει εδώ
Αυτό είναι. Μπορείτε να ρυθμίσετε και να γράψετε μια ιστοσελίδα που αποτελείται από κείμενο με τίτλους και υποτίτλους.
Αφού ασκηθείτε με αυτό το διάστημα, θα θελήσετε να μάθετε πώς να προσθέτετε εικόνες και πώς να εισάγετε συνδέσμους σε άλλες ιστοσελίδες. Το HTML5 είναι ικανό πολύ περισσότερο από αυτό το γρήγορο βασικό εισαγωγικό εξώφυλλο.