Marcar las citas: blockquote y cite

Cite como elemento es inline y debe ir dentro del blockquote para relacionar cita y autor.

También está cite como atributo de blockquote y permite incluir un enlace que nos lleve a la fuente

<blockquote cite="http://books.google.es/books?id=5s4OAAAAYAAJ"> 
<p>Si estos preceptos y estas reglas sigues, Sancho, serán luengos tus días,  tu fama será eterna, 
tus premios colmados, tu felicidad indecible, casarás  tus hijos como quisieres, títulos tendrán ellos y 
tus nietos, vivirás en paz  y beneplácito de las gentes, y en los últimos pasos de la vida te alcanzará  
el de la muerte en vejez suave y madura, y cerrarán tus ojos las tiernas y  delicadas manos de tus 
terceros netezuelos.</p> 
<p><cite>Miguel de Cervantes Saavedra</cite></p>  
</blockquote>

Vía Ovillo

Posición absoluta vs relativa

La posición absoluta y relativa es siempre con respecto al padre del elemento que estamos posicionando.

Simplemente que la absoluta no entra en el flujo del documento y la relativa sí. Es decir con una relativa y con un clear puedes hacer que el texto de otro div al mismo nivel no se ponga encima del primer div relativo. Esto con la posición absoluta no se puede hacer.

Vía Ovillo

Accesskey: teclas de acceso rápido o atajos de teclado

La mayoría de los navegadores actuales permiten saltar directamente a un enlace utilizando una combinación de teclas. Existe una convención, que no estándar, al respecto:

• 0: Accesibilidad
• 1: Página de inicio
• 2: Mapa del sitio
• 3: Buscador
• 4-9: Otras secciones importantes del sitio web

En los sistemas operativos Windows y Linux, se utiliza ALT + Tecla (o ALT + SHIFT + Tecla); en Macintosh CTRL + Tecla. Algunos navegadores (como Mozilla o Firefox) siguen automáticamente el enlace, otros (como Microsoft Internet Explorer) sólo le dan el foco al enlace, con lo que hay que pulsar la tecla Enter para seguirlo.

Vía AccesoWeb

HTML 5, la web semántica

La web semántica busca organizar la información de una forma precisa y eficaz para conseguir que sus contenidos sean más fáciles de clasificar y encontrar. Un ejemplo de aplicación web semántica son los RSS que utilizan XML permitiendo la catalogación de información (noticias, eventos, etc.) de tal forma que es posible encontrar información relevante.

• <header> El encabezado; no confundir con <head>
• <nav> Navegación
• <section> Como un capítulo en un libro, puede albergar varios <article>
• <article> Un artículo
• <footer> El pie de pagina, la firma, la dirección, ...

HTML 4: basado en elementos DIV no semánticos

HTML 5: basado en elementos semánticos

Más información en:

1. A List Apart
2. ¿Qué es la Web Semántica?
3. IBM
4. Seraccesible
5. aNieto2K

Vía CSSLab