Κενές ετικέτες (empty elements)
Οι ετικέτες που δεν δέχονται περιεχόμενο ανάμεσα στην ετικέτα αρχής και στην ετικέτα τέλους λέγονται κενές ετικέτες ή κενά στοιχεία.
Πιο κάτω αναφέρονται μερικές κενές ετικέτες οι οποίες είναι και οι πιο απλές ετικέτες που προσφέρει η html. Αυτό είναι το πρώτο βήμα για να δείτε τη χρήση και τη λειτουργία των ετικετών.
Μία από αυτές είναι η <br></br>
Στην περίπτωση αυτή το ζευγάρι των δύο ετικετών γράφεται πιο σύντομα ως εξής: <br />
ή ακόμα πιο σύντομα: <br>
Η ετικέτα br (break)
Η ετικέτα br
χρησιμοποιείται για την αναδίπλωση γραμμής (line break).
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> Γεια σας<br> Τι κάνετε; </body> </html>
Γεια σας
Τι κάνετε;
Πρόβλημα με τα ελληνικά;
Για να φαίνονται σωστά τα ελληνικά ή όποιο άλλο αλφάβητο, προσθέστε στη τμήμα head
την παρακάτω ετικέτα:
<meta charset="utf-8">
Η ετικέτα br
είναι κενή ετικέτα και σε αυτές τις περιπτώσεις αντί να πληκτρολογήσετε <br></br>
, για συντομία πληκτρολογείτε <br />
.
Στην html5 δεν είναι απαραίτητο να προσθέτετε την ετικέτα τέλους. Έτσι, αντί της <br />
μπορείτε απλά να πληκτρολογήσετε <br>
.
Η απλοποίηση αυτή ισχύει για όλες τις κενές ετικέτες.
Η ετικέτα hr (horizontal rule)
Η ετικέτα hr
προσθέτει μία οριζόντια γραμμή. Συνήθως κάτω από μία επικεφαλίδα ή έναν τίτλο περισσότερο για λόγους αισθητικής.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h3>Επικεφαλίδα 3</h3> <hr> </body> </html>
Επικεφαλίδα 3
Η ετικέτα <hr>
, είναι επίσης κενή ετικέτα και ισχύει ό,τι αναφέρθηκε παραπάνω για την ετικέτα <br>
.
Στη συνέχεια θα δούμε ακόμα μερικές πιο ενδιαφέρουσες κενές ετικέτες όπω η img
.