[html] welk element is het beste voor een ondertitel?

[Verwijderd]

Welk element is het meest correct voor een ondertitel/slogan?

mijn eerste ingeving was een h2 heading

code:

<div>
  <h1>titel</h1>
  <h2>ondertitel/slogan</h2>
</div>

maar omdat de ondertitel echt iets zegt over de titel.
is dit miss wel een structureel betere oplossing...

code:

<div>
  <h1>titel</h1>
  <p>ondertitel/slogan
</div>

Maar dat eigenlijk ook weer niet omdat het eigenlijk geen paragraaf is.

En als je dan verder gaat denken dan zou je het zelfs nog zo kunnen doen:

code:

<dl>
  <dt><h1>titel</h1>
  <dd>ondertitel/slogan
</dl>

Welke is nu de beste manier?

[Willem]

<h1>Titel</h1>
<h2>Subtitel</h2>

.. is prima.

[BtM909]

Wat versta je onder een ondertitel / slogan ?

[Verwijderd]

de tweede. de derde is creatief, maar lijkt me toch niet zo geschikt.

eerste is iig zeker fout. (alle hx bij elkaar moeten een mooie inhoudsopgave kunnen vormen, da's bij ondertitels niet het geval)

verder: niet alleen die 2 in die div he, maar ook de rest van je artikel, dus iets als:

code:

<div>
  <h1>titel</h1>
  <p class="chapeau">ondertitel</p>
  <p>rest...</p>
</div>

(chapeau is newspaper term voor ondertitel)

edit:
een paragraaf is het idd niet, maar <p> is ook een element voor alinea's, <div> is voor paragrafen (in de nederlandse zin van de woorden)

[ Voor 62% gewijzigd door Verwijderd op 19-08-2005 14:37 ]

[samo]

code:

  <h1>titel</h1>
  <em>ondertitel</em>

?

[ Voor 36% gewijzigd door samo op 19-08-2005 14:30 ]

[CH4OS]

samo-arne schreef op vrijdag 19 augustus 2005 @ 14:30:

HTML:

  <h1>titel</h1>
  <em>ondertitel</em>

?

<h1> is voor 'header' (net als de andere <hx> elementen) en <em> is emphasized of zo iets, een benadrukking dus. True, een ondertitel / slogan / signature is een soort van benadrukking, maar niet in dit geval.

Zie het bijv. als bijvoorbeeld Harry Potter: En de Steen der Wijzen.

Ik ga dus voor de manier zoals Willem die gaf

[ Voor 22% gewijzigd door CH4OS op 19-08-2005 14:44 ]

[Verwijderd]

Verwijderd schreef op vrijdag 19 augustus 2005 @ 14:28:
de tweede. de derde is creatief, maar lijkt me toch niet zo geschikt.

eerste is iig zeker fout. (alle hx bij elkaar moeten een mooie inhoudsopgave kunnen vormen, da's bij ondertitels niet het geval)

verder: niet alleen die 2 in die div he, maar ook de rest van je artikel, dus iets als:

code:

<div>
  <h1>titel</h1>
  <p class="chapeau">ondertitel</p>
  <p>rest...</p>
</div>

(chapeau is newspaper term voor ondertitel)

edit:
een paragraaf is het idd niet, maar <p> is ook een element voor alinea's, <div> is voor paragrafen (in de nederlandse zin van de woorden)

het is in mijn geval de titel van de site.
dus de rest van de site is niet alleenmaar tekst, maar ook een menu en footer enz.

dus dan wordt het dus zo:

code:

<div>
  <h1>philips</h1>
  <p class="chapeau">sense and simplicity ^^

  <div>
    <map title='navigation'><ul> menu </ul></map>

    <h2>titel paragraaf</h2>
    <p>paragraaf zelf

    <h2>titel paragraaf</h2>
    <p>paragraaf zelf
  </div>
</div>

of moet die navigatie ergens anders.
die 2e div lijkt me wel op zijn plaats.


ow en iedereen natuurlijk bedankt voor jullie snelle reacties

[Verwijderd]

navigatie is een onderdeel van je buitenste "hoofdstuk", dus zou dit beter zijn:

code:

<div>
  <h1>philips</h1>
  <p class="chapeau">sense and simplicity ^^
  <map title='navigation'><ul> menu </ul></map>
  <div>
    <h2>titel paragraaf</h2>
    <p>paragraaf zelf
  </div>
  <div>
    <h2>titel paragraaf</h2>
    <p>paragraaf zelf
  </div>
</div>

(je geeft zelf al met je witregels aan hoe de structuur zou moeten zijn )

verder vind ik het eigenlijk niet zo netjes om h1 te gebruiken voor de titel van je pagina, h1 (en verder) moet over de content gaan imho. Je hebt al het <title> element, als je dergelijke info wil herhalen in je pagina, maak ik zelf liever gebruik van iets als:

code:

<div id="flag">
  <p>titel van de pagina</p>
</div>

overigens is voor <map> het name attribuut verplicht in html

[ Voor 43% gewijzigd door Verwijderd op 19-08-2005 15:38 ]

[Verwijderd]

Wat mij betreft is de ondertitel onderdeel van de titel.

HTML:

<h1>
    Philips
    <div class="chapeau">Sense and simplicity</div>
</h1>

Maar ik zou in dit soort situaties altijd kiezen voor de oplossing die het eenvoudigst te stylen is zoals het grafisch ontwerp dicteert en niet voor de oplossing die semantisch het puurst is.