Een span-tag, geschreven als tag, is een generieke inline-container voor inline-inhoud en elementen. Het wordt gebruikt voor het groeperen en toepassen van stijlen in afwezigheid van een ander semantisch element. Deze tag heeft geen betekenis, omdat deze meestal wordt gebruikt voor stylingdoeleinden via een klasse of ID. De span-tag wordt vaak vergeleken met de
tag, maar de laatste is een tag op blokniveau, terwijl de eerste een inline-tag is.
De span-tag kan worden gebruikt om het lettertype van afzonderlijke zinnen of woorden te wijzigen, een deel van een tekst te markeren met kleuren, een achtergrondkleur of achtergrondafbeelding te definiëren en scripts toe te passen op specifieke delen van een tekst. Het wordt ondersteund door verschillende browsers, waaronder Google Chrome, Internet Explorer, Mozilla Firefox, Safari en Opera. De span-tag ondersteunt zowel algemene kenmerken als gebeurteniskenmerken in HTML.
Hoe tag te stylen
Gebruik de volgende stijlen voor tekstlay-out:
- Cascading Style Sheets (CSS) text-overflow-eigenschap geeft aan hoe een gebruiker wordt gesignaleerd bij overlopende inhoud die niet wordt weergegeven
- CSS text-indent-eigenschap geeft aan hoe de eerste regel in een tekstvak moet worden ingesprongen
- CSS word-break-eigenschap identificeert de punten waar de lijnen worden onderbroken
- CSS-witruimte-eigenschap specificeert hoe om te gaan met witruimte binnen een element
Hoe tekst in tag te kleuren:
- CSS-kleureigenschap geeft de kleur van de tekstinhoud en andere tekstdecoraties aan
- CSS background-color eigenschap specificeert de achtergrondkleur van een element
Eigenschappen die de grootte, de nadruk en het visuele gewicht van een tekst in een tag wijzigen:
- CSS font-style eigenschap identificeert de stijl van het lettertype, of het nu normaal, cursief, initieel, schuin of vet is
- CSS font-family-eigenschap stelt een geprioriteerde lijst van font-familienamen in voor een geselecteerd element
- CSS-eigenschap font-weight geeft aan of een lettertype vet of dik is
- CSS text-transform-eigenschap stelt het hoofdlettergebruik en het hoofdlettergebruik van de tekst in een element in
- CSS font-size eigenschap stelt de lettergrootte in
- CSS text-decoration-eigenschap identificeert de decoratie die aan een tekst wordt toegevoegd