Mar 2008

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

 
 
Inline-Elemente sind HTML-Elemente, die nicht zu einem Zeilenumbruch führen wie z.B. a, img, label und input.

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

Wenn mitten im Text ein paar Worte anders aussehen als der Rest, dann war's bestimmt ein <span>-Tag.

Attribute und Ereignisse für span

Nur Kernattribute

KernattributeEreignisse

Zum Seitenanfang

   

Galileo Design

Copyright © 2000 - 2010 Media Engineering Alle Rechte vorbehalten
Design + Programmierung Media Engineering Ulrike Häßler 50226 Frechen-Königsdorf • Impressum und Nutzungsbestimmungen