[HTML] Semantiek vraagje

[MoietyMe]

Even een kort vraagje over de opbouw van een stukje code. Het gaat om een maand overzicht in een table.

Wat ik wil hebben:

		Wo 1		Do 2
Michiel		12		5
Jasper		27		7
Martijn		7		9

etc.

Dit wil ik graag doen in combinatie met het <a>-, <abbr>- en <time>-element. De vraag is echter welke volgorde?

Dit lijkt mij het meest voor de hand liggend:

HTML:

<a href="">
    <abbr title="Woensdag 1 september">
        <time datetime="2010-09-01">Wo 1</time>
    </abbr>
</a>

Of moet het toch in een andere volgorde?

[Wiethoofd]

Waarom niet het title-gedeelte gewoon in je anchor en dan stylen dat je een 'abbr'-underline hebt..

[MoietyMe]

Wiethoofd schreef op donderdag 03 maart 2011 @ 16:19:
Waarom niet het title-gedeelte gewoon in je anchor en dan stylen dat je een 'abbr'-underline hebt..

Zat ik ook aan te denken, maar het abbr-element bestaat niet voor niets. Hoe weet een browser dan dat de title van het a-element een abbreviation is van wat er in staat.

[Wiethoofd]

Hoe denk je dat het wordt gedaan met truncated tekst (ellipsis), daar staat de volledige inhoud in de title van de anchor. En verder moet de browser niet weten waar 'Wo' voor staat, maar de user.

Hier zou de abbr eigenlijk alleen om 'Wo' en 'Do' gezet moeten worden, en niet ook nog om de datum.

[MoietyMe]

Waarom moet de browser dat niet weten? Gebruiker is ook belangrijk, uiteraard, maar de browser lijkt me ook handig. Al weet de browser dat natuurlijk al door het <time>-element. Beetje dubbelop nu eigenlijk.

You make an interesting point!

Dus dan zou het worden:

code:

<a href="" title="Woensdag 1 september">
    <time datetime="2010-09-01">Wo 1</time>
</a>

[MueR]

Wiethoofd schreef op donderdag 03 maart 2011 @ 16:36:
Hoe denk je dat het wordt gedaan met truncated tekst (ellipsis), daar staat de volledige inhoud in de title van de anchor.

Feitelijk incorrect. Het wordt op deze manier gedaan omdat er vanuit de meeste browsers (behalve IE, gek genoeg) geen ondersteuning voor de css-only variant is. Dus moet er met javascript gewerkt worden.

[HuHu]

Good Fella schreef op donderdag 03 maart 2011 @ 16:40:
Waarom moet de browser dat niet weten? Gebruiker is ook belangrijk, uiteraard, maar de browser lijkt me ook handig. Al weet de browser dat natuurlijk al door het <time>-element. Beetje dubbelop nu eigenlijk.

You make an interesting point!

Dus dan zou het worden:

code:

<a href="" title="Woensdag 1 september">
    <time datetime="2010-09-01">Wo 1</time>
</a>

Nee, zo:

code:

<time datetime="2010-09-01" title="Woensdag 1 september">
  <abbr title="Woensdag">Wo</abbr> 1
</time>

Want "wo" is de afkorting van "woensdag". Die title slaat op de time-tag en moet dus daar bij.

[ Voor 4% gewijzigd door HuHu op 04-03-2011 10:51 ]

[MoietyMe]

HuHu schreef op vrijdag 04 maart 2011 @ 10:50:
[...]

Nee, zo:

code:

<time datetime="2010-09-01" title="Woensdag 1 september">
  <abbr title="Woensdag">Wo</abbr> 1
</time>

Want "wo" is de afkorting van "woensdag". Die title slaat op de time-tag en moet dus daar bij.

Zo dus:

code:

<a href="">
    <time datetime="2010-09-01" title="Woensdag 1 september">
        <abbr title="Woensdag">Wo</abbr> 1
    </time>
</a>

[HuHu]

Good Fella schreef op vrijdag 04 maart 2011 @ 11:00:
[...]

Zo dus:

code:

<a href="">
    <time datetime="2010-09-01" title="Woensdag 1 september">
        <abbr title="Woensdag">Wo</abbr> 1
    </time>
</a>

Wat is het doel van die lege a-tag?

[MoietyMe]

HuHu schreef op vrijdag 04 maart 2011 @ 11:39:
[...]

Wat is het doel van die lege a-tag?

Daar komt nog wel wat in.

[mithras]

Good Fella schreef op vrijdag 04 maart 2011 @ 11:00:
[...]

Zo dus:

code:

<a href="">
    <time datetime="2010-09-01" title="Woensdag 1 september">
        <abbr title="Woensdag">Wo</abbr> 1
    </time>
</a>

Hoe gaat de gebruiker dit interpreteren? De abbr wordt standaard dotted underlined en als je hovert zie je de "Woensdag" staan. Maar je hovert ook binnen de time dus zie je de titel.

Is het hebben van een abbr en titel over elkaar echt wel zo handig voor de gebruiker?

[OkkE]

Ik denk eigenlijk dat in dit geval de <abbr> wel weg kan, aangezien de <time> al genoeg informatie geeft.