Κενές ετικέτες (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.