[Semantiek] Huizen overzicht

[Vinzzz243]

Ik moet een zoekmodule maken voor een makelaar.
Hoe zouden jullie het overzicht van huizen qua semantiek doen?
Is mn idee semantisch te verantwoorden?:

code:

<dl>
  <dt>[img]"huisfoto.jpg"></dt>
[/img]
    <table>
      <tr>
        <td>omschrijving</td>
        <td>type</td>
        <td>oppervlakte</td>
        <td>prijs</td>
      </tr>
    </table>
  </dd>
</dl>

Ik dacht aan een DL omdat afbeeldingen wellicht in deze geen tabulaire data zijn.

[ Voor 76% gewijzigd door Vinzzz243 op 13-07-2006 11:17 ]

[sjink]

Het lijkt erop dat je een tabulair overzicht wil maken waar een tabel uiteindelijk voor gemaakt is dus lijkt mij correct.

ow keek even over die andere tags heen, weet niet zeker of dit dus semantisch correct is

[ Voor 29% gewijzigd door sjink op 13-07-2006 11:10 ]

[chem]

Sowieso zou je dan thead, th en tbody gebruiken (en evt een caption of een summary), maar dat terzijde

Is de afbeelding de term? Zou dat niet het adres zijn, vergezeld van een foto?
Als er in de dd enkel een 1-row tellende tbody komt, dan zou je een geneste dl kunnen gebruiken; met een dl kan je grafisch meer dan een table.

[Sappie]

Niet dat dit per se beter is, maar dit is hoe ik het denk ik zou doen

HTML:

<ul> <!-- of desgewenst een ol -->
    <li>
        <hx>Huis nr zoveel</hx>
        [img]"huisfoto.jpg">
        <dl>
            <dt>omschrijving</dt>
            <dd>bladiebla</dd>
            <dt>type</dt>
            <dd>bladiebla</dd>
            <dt>oppervlakte</dt>
            <dd>bladiebla</dd>
            <dt>prijs</dt>
            <dd>bladiebla</dd>
        </dl>
    </li>
</ul[/img]

edit:
hieronder maakt het wat duidelijker ja zoals de rest al aangeeft gebruik je dan beter een tabel idd

[ Voor 36% gewijzigd door Sappie op 13-07-2006 11:49 ]

[Vinzzz243]

het overzicht is:

------------------------------------------ type --------- oppervlak ------- prijs------
<IMG>__<omschrijving>____penthouse___236 m2_____138,500
<IMG>__<omschrijving>____penthouse___236 m2_____138,500
<IMG>__<omschrijving>____penthouse___236 m2_____138,500
<IMG>__<omschrijving>____penthouse___236 m2_____138,500

Uiteindelijk kun je ook op type, oppervlak en prijs klikken om te sorteren...
het adres staat in de omschrijving.

[ Voor 23% gewijzigd door Vinzzz243 op 13-07-2006 11:21 ]

[disjfa]

Je voorbeeld ziet er toch behoorlijk uit als een tabel

[Verwijderd]

Vinzzz schreef op donderdag 13 juli 2006 @ 11:05:
Ik dacht aan een DL omdat afbeeldingen wellicht in deze geen tabulaire data zijn.

Gewoon alles netjes in één tabel, lijkt me. Bij verder opdelen in andere elementen gaat de structuur en relatie alleen maar verloren.

[Verwijderd]

het is ook gewoon een tabel. Plaatjes kunnen best tabulaire data zijn, beschouw het maar als een (visuele) beschrijving

[Vinzzz243]

ok, bedankt voor de input.

Ik maak er een tabel van.

[Verwijderd]

Als je het sorteren clientside af wil handelen: check dit even

[Vinzzz243]

Verwijderd schreef op donderdag 13 juli 2006 @ 11:54:
Als je het sorteren clientside af wil handelen: check dit even

thx, had dr al iets voor gemaakt ooit eens, maar bedankt voor de link

[Vinzzz243]

Heb nog een vraag over het overzicht.

Men wil een hele regel kleuren bij hover en klikbaar maken. Wat is nu de netste methode om dit accessible te doen?
De titel een <a> (zodat gebruikers zonder javascript toch naar een detail pagina kunnen gaan...) en op de <tr> een onclick?

Het liefste maakte ik per regel 1 grote <a>, maar om nou die <a> om de tr te gooien, is ook weer wat

[ Voor 13% gewijzigd door Vinzzz243 op 17-07-2006 11:00 ]

[thomaske]

Je kan in de TR toch een onmouseover / onmouseout zetten?

[Vinzzz243]

thomaske schreef op maandag 17 juli 2006 @ 11:43:
Je kan in de TR toch een onmouseover / onmouseout zetten?

Mijn vraag ging over de link

[thomaske]

Vinzzz schreef op maandag 17 juli 2006 @ 11:55:
[...]

Mijn vraag ging over de link

Hmmz, had het inderdaad verkeerd gelezen. Maar jouw oplossing met een link op de titel en een onclick op de TR lijkt me een goede!