Ετικέτες HTML Singleton χωρίς καμία ετικέτα κλεισίματος

Για τα περισσότερα στοιχεία HTML, όταν γράφετε τον κώδικα HTML για να τα εμφανίσετε σε μια σελίδα, ξεκινάτε με μια ετικέτα ανοίγματος και τερματίζετε με μια ετικέτα κλεισίματος. Μεταξύ αυτών των δύο ετικετών θα είναι το περιεχόμενο του στοιχείου. Για παράδειγμα:

Αυτό είναι το περιεχόμενο του κειμένου

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

Τι είναι ένα κενό στοιχείο;

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

Η λίστα των στοιχείων κενού HTML

Υπάρχουν πολλές ετικέτες HTML 5 που είναι άκυρα στοιχεία. Όταν γράφετε έγκυρο κώδικα HTML, θα πρέπει να αφήσετε την πίσω κάθετο για αυτές τις ετικέτες - αυτό φαίνεται παρακάτω. Αν γράφετε XHTML, θα χρειαστείτε την παρακείμενη κάθετο.

• - χρησιμοποιείται για την περιοχή μέσα σε ένα χάρτη εικόνων
• - η βασική διεύθυνση URL για όλες τις σχετικές διευθύνσεις URL ενός εγγράφου. Δεν μπορεί να υπάρχει περισσότερο από 1 από αυτά ανά έγγραφο και πρέπει να είναι στο της σελίδας
• 
  - αυτό είναι διάλειμμα γραμμής, που χρησιμοποιείται συχνά στο περιεχόμενο κειμένου για να δημιουργηθεί ένα σπάσιμο μιας γραμμής αντί για μια παράγραφο. Αυτό δεν θα πρέπει να χρησιμοποιείται για να δημιουργήσετε οπτικό χωρισμό σε μια σελίδα, τοποθετώντας πολλά στοίβα
  tags, αφού αυτή είναι μια οπτική ανάγκη και ως εκ τούτου ο τομέας του 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.