Círculo de Maquetadores » Semántica Web

Depuración de CSS (parte II) – Convenciones de nomenclatura semántica

Jorge López — Sun, 04 Jul 2010 18:15:28 +0000

Una de las cosas más frustrantes de heredar un proyecto de otra persona, es cuando las convenciones de nomenclatura para clases e identificadores no tienen ningún sentido. Esto puede dificultar una actualización o un rediseño y puede hacernos perder mucho tiempo. En este artículo te daremos algunos consejos sobre como nombrar a las clases e identificadores de tus proyectos, de manera que sean fácilmente entendibles por otros desarrolladores.

Citando textos:
vs. vs.

Jorge López — Fri, 18 Dec 2009 19:32:36 +0000

Cuando marcamos el contenido de nuestras páginas, muchas veces tenemos que hacer referencia a textos que pueden ser tanto ajenos como propios. En ambos casos, haremos uso de las citas.

La mayoría de las veces, se tiende a encerrar el texto de la cita en un párrafo y separarlo con comillas del resto del texto. Esto tiene la desventaja de que los buscadores no interpretarán correctamente nuestro contenido. Sin embargo, HTML nos ofrece varias etiquetas con las que podemos enriquecer semánticamente a nuestro código. ¿Que etiquetas son y cuándo haremos uso de cada una de ellas?

Mejorar fácilmente tu sitio Web

Álvaro Brito — Fri, 09 Oct 2009 22:14:57 +0000

Tanto si eres un administrador, un desarrollador Web, un miembro de un equipo de Marketing o de Comunicaciones, o quizá un Web Master Freelance, habrás leído de diversas fuentes sobre el interés en los estándares Web. Habrás comprendido que los estándares son beneficiosos para tu sitio Web en términos de ahorro de costes, facilidad de gestión y aprovechamiento, y por lo tanto has decidido cambiar y emplear estándares en tu sitio Web. Y así validar y mejorar tu sitio Web.

Desde Grupo de Trabajo de Aseguramiento de la Calidad del W3C. Dónde nos enseña un método que es válido para sitios Web de cualquier dimensión; satisfará tus necesidades tanto si gestionas un sitio Web personal, de un pequeño negocio o de una gran corporación.

Como usar el longdesc

Álvaro Brito — Sat, 12 Sep 2009 14:54:14 +0000

En algunos casos, una imagen es demasiado compleja para describirla en pocas palabras. Cuadros, organigramas y gráficos son ejemplos principales de este tipo de imágenes. Aunque no parece haber ningún límite en la longitud del texto en un atributo alt, está destinado a ser relativamente corto, por lo que sería un abuso de este atributo escribir más que unas pocas palabras, o como máximo, unas cuantas frases cortas. La respuesta entonces, es proporcionar una breve descripción de texto alternativo de la imagen y luego proporcionar una descripción más larga con el atributo longdesc.

Microformatos ¿Qué es esto?

Álvaro Brito — Thu, 10 Sep 2009 11:39:25 +0000

Un Microformato es una forma simple de agregar significado semántico a un contenido. Están ideados para ser usadas en páginas web que usen HTML o XHTML, de manera que la información pueda ser indexada, guardada, referenciada o reusada.

Más técnicamente, son elementos de lenguaje de marcado, usando XHTML usando nombres de clase específicos. Cualquiera puede hacer uso de ellos y explotar sus características.

Las especificaciones actuales de microformatos permiten la representación de eventos, información de contacto, relaciones sociales, direcciones, ubicaciones (coordenadas gps), etc.

HTML Semántico

Álvaro Brito — Wed, 26 Aug 2009 20:20:20 +0000

El HTML semántico aporta grandes beneficios en nuestra Web, en cuanto a usabilidad, accesibilidad, posicionamiento en buscadores y también a la hora de modificar el código.

¿Qué es exactamente el HTML Semántico?

La semántica es el estudio del significado, cómo es creado y cómo se aplica a los signos. El cual nos permite dar un significado al contenido que escribimos.

Como usar el atributo summary de la tabla (summary attribute)

Álvaro Brito — Sat, 25 Jul 2009 09:31:39 +0000

El objetivo del atributo summary es proporcionar una breve reseña o descripción de como están organizados los datos de una tabla, o una breve explicación de como navegar por la tabla. Como ya sabemos el atributo summary de table proporcionar una información disponible para los lectores de pantalla, no se muestra visualmente.

El summary es útil cuando la tabla tiene una estructura compleja (por ejemplo, cuando hay varios conjuntos de encabezados de columna o fila, o cuando hay varios grupos de columnas o filas). También puede ser útil para tablas de datos simples que contienen varias columnas o filas de datos.

El atributo summary puede utilizarse o no dependiendo de la complejidad y volumen de información de la tabla. También sabemos que la tabla tambien dispone de un título llamado caption. Si se usan ambas cosas (summary y caption) nunca se deberá duplicar su contenido. A continuación vemos unos ejemplos de uso...

Como usar el texto alternativo (alt) en imágenes

Álvaro Brito — Thu, 02 Jul 2009 12:47:48 +0000

Añadir texto alternativo para las imágenes es uno de los principales principios de la accesibilidad Web. También es uno de los más difíciles de aplicar adecuadamente. La Web esta repleta de imágenes con un texto alternativo incorrecto o una falta de definición del mismo. Como ocurre en muchas cosas de accesibilidad Web, el texto alternativo es a menudo una cuestión de interpretación personal. Mediante unos ejemplos se aclarará la interpretación y uso adecuado del texto alternativo.