Υποενότητα 1.3: Απλό αρχείο HTML: Τύποι αλλαγής γρμμής

Τύποι αλλαγής γρμμής

ή

Στην ετικέτα  αναφέραμε ότι οι τυχόν επιπλέον γραμμές καταργούνται όταν εμφανίζεται η σελίδα. Ωστόσο, υπάρχει ένας τρόπος για να προσθέσετε αλλαγές γραμμής που δεν θα καταργηθούν.

  ή  εισάγει αλλαγή γραμμής. Χρησιμοποιείται συνήθως εσωτερικά μιας παραγράφου όταν θέλουμε να διαμορφώσουμε τις γραμμές του περιεχομένου μας. Επιπλέον,   είναι ένα από τα στοιχεία που δεν έχουν τελική ετικέτα.

Αυτά τα στοιχεία ονομάζονται κενές ετικέτες. Στην HTML μπορούμε να χρησιμοποιήσουμε την ετικέτα γράφοντας   είτε  . TΟ τελευταίος είναι ένας πιο αυστηρός τρόπος και είναι υποχρεωτικός στο XHTML. Ωστόσο, στην HTML και οι δύο παράγουν το ίδιο αποτέλεσμα.

The  είναι ένα νέο στοιχείο της HTML5. Πρόκειται για το "Word Break Opportunity".

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

Παρόμοια με το  ,το  δεν έχει τελική ετικέτα.

Παράδειγμα

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Break elements</title>
  </head>
  <body>
    <h1>Break elements</h1>
       <p>
        My favourite word is supercalifragilisticexpialidocious. It comes 
        from the movie 'Mary Poppins' and is hard to spell correctly.
      </p>
      <p>
         My favourite word is supercalifragilisticexpialidocious.<br>It comes 
         from the movie 'Mary Poppins' and is hard to spell correctly.
       </p>
       <p>
         My favourite word is supercalifragilistic<wbr>expialidocious. It comes 
         from the movie 'Mary Poppins' and is hard to spell correctly.
       </p>
  </body>
</html>

Υποενότητα 1.3: Απλό αρχείο HTML

Τύποι αλλαγής γρμμής

<br> ή <br/>

<wbr>

Παράδειγμα