Stil mit {stil}

Mar 2008

HTML-Tag span – Inline-Formate für einen Bereich im Dokument

Das <span>-Tag wendet Kernattribute auf Inhalte und Inline-Elemente an und transportiert CSS-Stile zu diesen Inhalten. Das Tag verhält sich wie ein Inlineelement, es führt also nicht zu einem Zeilenumbruch. Das <span>-Tag fügt den betreffenden Elementen ohne weitere CSS-Eigenschaften keinerlei Formatierung hinzu. In dieser Hinsicht ist das span-Element das Gegenstück zum div-Element, das ein Blockelement bildet (das <div>-Tag führt zu einem Zeilenumbruch). Beide Tags nehmen eine Reihe von Tags auf, um Attribute oder CSS-Stile auf sie anzuwenden, ohne selber eine Formatierung einzubringen.

Innerhalb eines <span>-Tags dürfen nur Inline-Elemente liegen. <span>-Tags können verschachtelt werden.

<div style="border:1px solid dimgray;"> 
   <p> Wenn mitten im Text <span style="font-family: fantasy; color: green;">ein 
      paar Wörter anders aussehen</span> als der Rest, dann war's bestimmt 
      ein <span>-Tag. </p> 
</div> 

Darstellung

Attribute und Ereignisse für span

Nur Kernattribute

Zum Seitenanfang