Block Elemente in Listen und Links

PW-toXic · 2 Februar 2011

Ich frage mich gerade wie man so etwas korrekt in HTML umsetzen würde: Eine Box für "Latest Matches" bei einer Clanpage:

Logisch gesehn würde ich sagen, dass es sich hier um eine Tabelle handelt, da ich ja einen tabellarischen Inhalt habe.
Folglich müsste das ganze so aussehn:

HTML:

<table>
    <a>
        <tr>
            <td></td> ...
        </tr>
    </a>
</table>

Würd mich aber wundern, wenn das valides HTML ist ;)
Wie würdet ihr sowas umsetzen?

crash · 2 Februar 2011

Das ist völlig legales HTML5, auch wenn sich darüber hier einige wieder erregen werden.
Ansonsten musst du in jeder Tabellenzelle ein <a> hineinsetzen und dieses zu einem Block-Element machen.

Hätte XHTML nicht völlig versagt, wäre auch folgendes möglich gewesen:

Code:

<table>
    <tr xlink:href="foobar.html">
        <td></td> ...
    </tr>
</table>

struppi · 7 Februar 2011

crash schrieb:
Das ist völlig legales HTML5, auch wenn sich darüber hier einige wieder erregen werden.

Vor allem der Validator.

HTML:

<!doctype html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<table>
    <a>
        <tr>
            <td></td>
        </tr>
    </a>
</table>
</body>
</html>

Line 14, Column 7: Start tag a seen in table.

<a>

devilseye · 7 Februar 2011

stimmt aber mit html5 sind neu auch block elemente in inline elementen erlaubt

Block Elemente in Listen und Links

PW-toXic

Neues Mitglied

crash

Neues Mitglied

struppi

Guest

devilseye

Neues Mitglied

Neueste Beiträge