Για τα περισσότερα στοιχεία HTML, όταν γράφετε τον κώδικα HTML για να τα εμφανίσετε σε μια σελίδα, ξεκινάτε με μια ετικέτα ανοίγματος και τερματίζετε με μια ετικέτα κλεισίματος. Μεταξύ αυτών των δύο ετικετών θα είναι το περιεχόμενο του στοιχείου. Για παράδειγμα:
Αυτό είναι το περιεχόμενο κειμένου p>
Αυτό το απλό στοιχείο παραγράφου δείχνει πώς θα χρησιμοποιηθεί ένα άνοιγμα και μια ετικέτα κλεισίματος. Τα περισσότερα στοιχεία HTML ακολουθούν το ίδιο μοτίβο, αλλά υπάρχουν αρκετές ετικέτες HTML που δεν έχουν τόσο ετικέτα ανοίγματος όσο και ετικέτα κλεισίματος.
Τι είναι ένα κενό στοιχείο;
Τα κενά στοιχεία ή οι ετικέτες singleton σε HTML είναι εκείνες οι ετικέτες που δεν απαιτούν να είναι έγκυρη μια ετικέτα κλεισίματος. Αυτά τα στοιχεία είναι συνήθως αυτά που είτε αυτοί στη σελίδα είτε στο τέλος του περιεχομένου τους είναι προφανές από το πλαίσιο της ίδιας της σελίδας.
Η λίστα των στοιχείων κενού HTML
Υπάρχουν πολλές ετικέτες HTML 5 που είναι άκυρα στοιχεία. Όταν γράφετε έγκυρο κώδικα HTML, θα πρέπει να αφήσετε την πίσω κάθετο για αυτές τις ετικέτες - αυτό φαίνεται παρακάτω. Αν γράφετε XHTML, θα χρειαστείτε την παρακείμενη κάθετο.
- χρησιμοποιείται για την περιοχή μέσα σε ένα χάρτη εικόνων
- η βασική διεύθυνση URL για όλες τις σχετικές διευθύνσεις URL ενός εγγράφου. Δεν μπορεί να υπάρχει παραπάνω από 1 από αυτά ανά έγγραφο και πρέπει να βρίσκεται στο
- αυτό είναι διάλειμμα γραμμής, που χρησιμοποιείται συχνά στο περιεχόμενο κειμένου για να δημιουργήσει ένα σπάσιμο μιας γραμμής αντί για μια παράγραφο. Αυτό δεν θα πρέπει να χρησιμοποιηθεί για να δημιουργήσετε οπτικό διαχωρισμό σε μια σελίδα, τοποθετώντας στο επάνω μέρος πολλές ετικέτες, αφού αυτή είναι μια οπτική ανάγκη και ως εκ τούτου ο τομέας του CSS
- καθορίζει ιδιότητες στήλης για κάθε στήλη μέσα σε ένα στοιχείο - καθορίζει μια εντολή που μπορεί να καλέσει ένας χρήστης
- ένας οριζόντιος κανόνας, ο οποίος είναι μια ευθεία γραμμή σε μια σελίδα. Σε πολλές περιπτώσεις, τα σύνορα CSS χρησιμοποιούνται για τη δημιουργία γραμμών διαχωρισμού αντί αυτού του στοιχείου HTML
- ένα από τα στοιχεία του workhorse της HTML, αυτή είναι η ετικέτα εικόνας. Χρησιμοποιείται για την προσθήκη γραφικών εικόνων σε μια ιστοσελίδα.
- ένα στοιχείο φόρμας που χρησιμοποιείται για την καταγραφή πληροφοριών από τους επισκέπτες. Υπάρχουν διάφοροι έγκυροι τύποι εισόδου, από την κοινή εισαγωγή "κειμένου" που έχει χρησιμοποιηθεί σε μορφές εδώ και χρόνια, σε ορισμένους νέους τύπους εισόδου που αποτελούν μέρος του HTML5
- χρησιμοποιείται για να υπαγορεύει ένα πεδίο γεννήτριας ζεύγους κλειδιών που χρησιμοποιείται για φόρμες - να μην συγχέεται με την ετικέτα "υπερσύνδεσμος" ή άγκυρα (), αυτός ο σύνδεσμος είναι να ρυθμίσετε τη γραμμή μεταξύ ενός εγγράφου και ενός εξωτερικού πόρου. Θα το χρησιμοποιούσατε για σύνδεση με εξωτερικό αρχείο CSS, για παράδειγμα
- οι μετα-ετικέτες είναι "πληροφορίες σχετικά με το περιεχόμενο". Βρίσκονται στο
ενός εγγράφου και χρησιμοποιούνται για τη μετάδοση πληροφοριών σελίδας στο πρόγραμμα περιήγησης. Υπάρχουν πολλές πιθανές μετα-ετικέτες που μπορείτε να χρησιμοποιήσετε σε μια ιστοσελίδα- χρησιμοποιείται για τον ορισμό παραμέτρων για plugins
- σημαίνει Word Break Opportunity. Διευκρινίζει πού σε ένα κείμενο θα ήταν αποδεκτό να προσθέσετε ένα σπάσιμο γραμμής.
Για άλλη μια φορά, αυτές οι ετικέτες singleton αποτελούν εξαίρεση στον κανόνα, σε αντίθεση με τον κανόνα, δεδομένου ότι η πλειονότητα των στοιχείων HTML, πράγματι, χρειάζονται μια ετικέτα ανοίγματος και κλεισίματος. Από αυτά τα στοιχεία του singleton, μερικά πιθανόν να χρησιμοποιείτε αρκετά συχνά (όπως img, meta ή input), ενώ άλλα είναι αυτά που ίσως να μην χρειαστεί ποτέ να χρησιμοποιήσετε στην εργασία σας στο σχεδιασμό ιστοσελίδων (keygen, wbr και εντολή είναι τρία στοιχεία που είναι σίγουρα δεν είναι συνηθισμένο σε ιστοσελίδες). Ακόμα, κοινές ή σπάνιες σε σελίδες HTML, είναι χρήσιμο να είστε εξοικειωμένοι με αυτές τις ετικέτες και να ξέρετε ποια είναι η ιδέα πίσω από τις ετικέτες HTML singleton. Μπορείτε να χρησιμοποιήσετε αυτήν τη λίστα ως αναφορά για την ανάπτυξη ιστού.
Αρχικό άρθρο από την Jennifer Krynin. Επεξεργασμένο από τον Jeremy Girard στις 5/5/17.