Actualizado 2011-03-10. ¿En que elementos se usa? Lo primero que hay que saber es en que elementos puede utilizarse el atributo accesskey: a area button input label legend textarea Excepto a y area se trata de elementos de formulario. ¿Cómo funciona? Activando las teclas de acceso y pulsando la tecla de acceso (depende de cada […]

Unas cuantas pautas para mejorar el marcado HTML según 456 Bereast (algunas de ellas un poco obvias): Orientación a la máxima simplicidad que sea posible. No usar tablas para la maquetación. Evitar la inclusión de un atributo class a cada elemento al que se quiera dar un estilo. Es mejor usar selectores descendentes, evitando así […]

Esta página está obsoleta y contiene algunas imprecisiones. Ir a nuevo listado de selectores (en inglés). Para Internet Explorer 6 y anteriores: * html {} Solamente Internet Explorer 7 * + html/*/ * /**/ body {} Internet Explorer 7 y superior: *:first-child+html {} Para Internet Explorer 8 y anteriores se usan los dos selectores anteriores: […]

Para casos en los que el principio de un párrafo tenga importancia suficiente para ser un encabezado (h1–h6) en lugar de un mero strong. ¿Qué hacer para que un encabezado y un párrafo situado a continuación (p) aparezcan al mismo nivel (en la misma línea del texto)? Definir una regla CSS con display: run-in;. Tiene […]

Las listas en XHTML pueden estar anidadas, usando al mismo tiempo diferentes tipos de listas (ver resultado en el navegador): <dl> <dt>Aplicaciones a utilizar:</dt> <dd> <ul> <li>Quanta</li> <li>The Gimp</li> <li>Mozilla Firefox</li> </ul> </dd> <dt>Pasos a seguir:</dt> <dd> <ol> <li>Prototipado en papel de la interfaz y la estructura del sitio.</li> <li>Evaluar la usabilidad de los resultados […]

Existen tres tipos de listas: Listas desordenadas. Listas ordenadas. Listas de definiciones. Listas desordenadas Para crear listas desordenadas se utilizarán las etiquetas ul y li. Con la etiqueta ul se delimitará la lista, y con la etiqueta li se delimitarán los elementos de la lista. Este es el código XHTML de una lista desordenada (ver […]

Cuando se quiere una viñeta personalizada para listas desordenadas en XHTML no hay más que crear la imagen para la viñeta, y después adaptar la hoja de estilo para hacer la personalización. Primero hay que definir las reglas para la etiqueta ul: ul { padding-left: 0; /*Limpieza de márgenes (se puede cambiar)*/ margin-left: 36px; /*Indentado […]

Documento basado en Properly Using CSS and JavaScript in XHTML Documents (Mozilla Developer Center), distribuido bajo licencia Creative Commons Reconocimiento-Compartir igual. XHTML es XML, no HTML Una de las principales confusiones con XHTML es considerarlo como una nueva versión de HTML, cuando en realidad se trata de XML. XHTML debe llevar el tipo MIME text/xml […]

Se trata de etiquetas para marcar énfasis en las partes importantes de un texto. La etiqueta strong De las dos etiquetas es la que concede mayor importancia al texto contenido en ella. Con frecuencia es confundida con la etiqueta b, que aparentemente conduce al mismo resultado (y escribiendo menos): tipografía en negrita. La etiqueta strong […]

La etiqueta title es el elemento que define el título de un documento XHTML. Ejemplo: Atributos La etiqueta title no requiere la utilización de ningún atributo, aunque admite la inclusión de atributos I18n, que se refieren al idioma utilizado: dir: especifica la dirección del texto de la página. Sus valores pueden ser ltr (de izquierda […]