Υποενότητα 5.3: Χρήσιμα στοιχεία

Το στοιχείο span

Η ετικέτα <span> χρησιμοποιείται για την ομαδοποίηση μικρού μέρους ενός κειμένου.

Παρόμοια με το <div>,χρησιμοποιείται για την εφαρμογή κανόνων CSS ή JavaScript


Ωστόσο, σε αντίθεση με το <div>, το span είναι στοιχείο inline. TΑυτό σημαίνει ότι δεν επιφέρει αλλαγή γραμμής. Έτσι, μπορεί να χρησιμοποιηθεί μέσα σε οποιοδήποτε στοιχείο.

Παράδειγμα

Οι κανόνες CSS :

<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      #cl1 {background:yellow;}
    </style>
  </head>
  <body>
    <p>This is not span text <span>but this is</span> and this isn't</p>
    <p>This is not span text <span id ="cl1">but this is</span> and this isn't</p>
  </body>
</html>

θα δημιουργήσουν μια σελίδα που εμφανίζεται ως

span tag