Markup Database

Pour baliser tout et n’importe quoi, mais pas n’importe comment.

Ce document n’est qu’informatif. Toutes les méthodes sont discutables, aucune n’est figée ni même prétend être la plus correcte.

Dans le même genre: SimpleQuiz

Selon le niveau du titre, les balises <hx> (x étant le niveau du titre compris entre 1 et 6 inclus) sont toutes indiquées.

  <h1>Ceci est un titre de niveau 1</h1>

dvvd

Comment baliser un dialogue entre deux personnes ou plus?

La spec donne un début de réponse [http://www.w3.org/TR/html4/struct/lists.html#edef-DL]

  <dl class="irc">
      <dt>Nudrema</dt><dd>l'utf-8 c'est un peu comme le xhtml+css</dd>
      <dt>Nudrema</dt><dd>personne ne sait vraiment ce que c'est mais tout le monde veut en faire...</dd>
  </dl>

Tantek Çelik suggère

  <ol>
      <li><cite>Costello</cite>
      <blockquote><p>Well then who's on first?</p></blockquote></li>
      <li><cite>Abbott</cite>
      <blockquote><p>Yes.</p></blockquote></li>
      <li><cite>Costello</cite>
      <blockquote><p>I mean the fellow's name.</p></blockquote></li>
      <li><cite>Abbott</cite>
      <blockquote><p>Who.</p></blockquote></li>
      <li><cite>Costello</cite>
      <blockquote><p>The guy on first.</p></blockquote></li>
      <li><cite>Abbott</cite>
      <blockquote><p>Who.</p></blockquote></li>
  </ol>

Indiquer la position dans le site, en gardant une trace du cheminement depuis la page d’accueil. Devrait pouvoir fonctionner pour le cheminement dans le menu à plusieurs niveau d’une application.

  <ol>
      <li><a href="/">Accueil</a></li>
      <li><a href="/documentation">Documentation</a></li>
      <li><a href="/documentation/css">CSS</a></li>
  </ol>

  <ul>
      <li><a href="/">Accueil</a>
          <ul>
              <li><a href="/documentation/">Documentation</a>
                  <ul>
                      <li><a href="/documentation/css">CSS</a></li>
                  </ul>
              </li>
          </ul>
      </li>
  </ul>

Discussion sur Blog & Blues

  <ul>
      <li><strong><a href="/">Accueil</a></strong></li>
      <li class="current"><a href="/documentation">Documentation</a></li>
      <li><a href="/forum/">Forum></a></li>
      <li><a href="/contact/">Contact</a></li>
  </ul>