typestar

Asides y footers anidados en HTML

Contenido tangencial junto al flujo principal, y un pie limitado a su artículo.

<article>
  <h2>Practicing brackets</h2>
  <p>The shift key is where the time goes.</p>
  <aside>
    <h3>Related</h3>
    <a href="/tours/python/basics">Python basics</a>
  </aside>
  <footer>
    <p>Filed under practice</p>
    <address>
      <a href="mailto:rowan@example.com">rowan@example.com</a>
    </address>
  </footer>
</article>

Cómo funciona

  1. Un aside guarda citas destacadas, enlaces relacionados, la bio del autor.
  2. Un footer dentro de un article pertenece solo a ese artículo.
  3. address marca datos de contacto para el artículo más cercano.

El intento, en números

Líneas
14
Caracteres a escribir
302
Tokens
82
Ritmo de tres estrellas
70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 70 segundos.

Escribe este fragmento

Paso 3 de 7 en Puntos de referencia; paso 3 de 23 en Semántica y metadatos.

← Anterior Siguiente →