span tags schachteln in anchor tag?

[mia_aim]

huhu, ich wüsste gern, ob man in einem <a href="#">...mehrere span tags geben kann, sodass der link mehrere kleine grafiken und eine h1 überschrift zu einem link umfasst...</span></a></h1> . und das ganze natürlich im </div>.

danke vorab

 

[randacek_pro]

AW: span tags schachteln in anchor tag?

Hallo mia

ja, das kann man machen. Du willst also einen kompletten Bereich aus mehreren Elementen zu einem Ziel verlinken?
Denn sonst könntest du dem anchor ja auch einen Background geben, also ein Background-Bild...
Du solltest aber aufpassen, dass dabei das Layout und "Bedienkonzept" der Seite für den Nutzer nicht unübersichtlich wird...

Viele Grüße

 

[owieortho]

AW: span tags schachteln in anchor tag?

Eine gute Möglichkeit sowas auch heraus zu finden ist, das Markup zu schreiben und dann zu validieren. Da wird im Ergebnis dann darauf hingewiesen, wo die Fehler liegen. Und wenn es valide ist, dann ab durch den Browsertest. So glaube ich, lernt man auch eine Menge.

Viel Spaß noch

O

 

[mia_aim]

AW: span tags schachteln in anchor tag?

Dankeschön ihr Lieben Super Forum hier!

 

[sasquotschi]

AW: span tags schachteln in anchor tag?

Gute Tools um so etwas "mal eben schnell" zu testen:

http://liveweave.com/
http://dabblet.com/

dort kannst du deinen Code eingeben und direkt das Ergebnis sehen.

 

[Myhar]

AW: span tags schachteln in anchor tag?

Zusätzlich sei noch angemerkt: Es stimmt, du kannst beliebig viele span Elemente in deinem A-Tag haben. Hast du jedoch solch ein Konstrukt:

<h1><a [...]> <span> </span> </a> </h1>

dann ist das kein Link für einen Header, sondern ein Link in einem Header. Der Header wird also nicht zu einem Link.
Möchtest du einen Header verlinken, musst du es folgendermaßen aufbauen:

<a [...]> <h1> </h1> </a>

In HTML5 kann ein Link beliebige Elemente enthalten, zB auch divs oder Absätze (p-Tags). In HTML4 ist das verschachteln von Links mit Blockelementen nicht valide.

 

[mia_aim]

AW: span tags schachteln in anchor tag?

aah, super tipps!!