blog quien soy contacto cosasPatrones Tren 2.0

Web Semántica: Etiquetas y atributos

Un artículo que me gustó mucho por lo sencillo y útil que puede resultar es el que ha traducido en su blog Sergio Gago.
No tiene desperdicios y me pareció buena idea reproducirlo completo, ya que hace un tiempo salió este tema en las listas del Sidar sobre el correcto marcado semántico y algo de microformatos.
Que lo disfruten y creo yo que es de lectura obligada para todos, pero muy especialmente para aquellos que brindan contenidos web informativos; los blogueros.


Un trabajo realizado desde Microformática, blog dedicado sobre todo a los microformatos y a la Web semántica, que me atrevo a traducir, ya que me parece muy interesante a tenerlo incluso como “chuleta” a la hora de codificar. El resto del blog es muy intersante.

Elementos

a
Cada etiqueta ‘A’ define un ancla en la página a ser referenciada, interna o externamente.
abbr
Indica un término abreviado
acronym
Indica un acrónimo
address
Este elemento se puede utilizar para ofrecer información de contacto de un documento o partes de un formulario.
blockquote
Se usa para citas de bloque (elemento de bloque)
cite
Citas o referncias a otras fuentes (elemento de línea)
code
Identifica un fragmento de código fuente informático
dfn
Par indicar el definiendo de un término concreto.
div, span
Elementos de bloque y línea respectivamente, que junto con los atributos ‘id’ y class’ son el mecanismo habitual para generar la estructura de documentos.
dl, dd, dt
Listas de definición, creadas con el elemento ‘DL’. Generalmente van en parejas de término / definición (aunque puedan tener muchos otros usos). El término se da con el elemento ‘DT’ y es de línea. La descripción se da con el elemento ‘DD’ que es de bloque.
del, ins
INS y DEL se usan para marcar secciones del documento que han sido añadidos o borrados respecto de otras versiones del documento (control de cambios).
em
Indica énfasis. (Usado por lectores de pantalla, al igual que strong).
h1 .. h6
Elementos de cabecera, describen el tema del que se habla en la sección que introduce. Tiene niveles del 1 al 6.
kbd
Indica texto que será introducido por el usuario.
ul, ol, li
Listas ordenadas y no-ordenadas. De hecho no están definidas en la especificación. Pueden contener elementos ordenados, sin orden o definiciones.
p
Representa un párrafo (Y se debe cerrar! < / p >)
q
Se emplea para citas cortas (de línea) que no requieran cambio de párrafo.
samp
Indica una salida de prueba para programas, scripts, etc.
strong
Indica un énfasis más fuerte.
var
Indica una instancia, variable, atributo o argumento de programa.

Atributos

alt
Para agentes de usuario (navegadores) que no pueden mostrar imágenes, formularios o applets, especifica un texto alterrnativo.
class
Asigna un nombre de clase o set de clases para un elemento para propósito general en los navegadores.
cite
El valor de este atributo es una URI que designa un documento o mensaje fuente. Está pensado para apuntar a la información que explica por qué un documento se ha cambiado.
datetime
El valor de este atributo especifica cuándo ha sido cambiada la información
id
El atributo ID asigna un identificador único para un elemento par propósito general de los navegadores (document.getElementById)
lang
Especifica el lenguaje base de unos elementos, atributos o contenido textual.
longdesc
Especifica un enlace a una descripción larga de la imágen.
rel
Especifica la relación entre el documento actual con el documento enlazado por el atributo href.
rev
Se usa para describir un enlace inverso desde el ancla especificada por el atributo href al documento original.
title
Ofrece información sobre el elemento para el que se aplica.
En su artículo no ha incluido elementos que tengan que ver con tablas o formularios, ya que en la mayoría de las ocasiones no nos ofrece contenido semántico. También concreta que, obviamente, estos elementos y atributos solamente son semánticos cuando se usan apropiadamente.
(0) Permalink

Comentarios

Agregar Comentario

La URL del Trackback a este comentario es:
http://karpicius.freeflux.net/blog/plugin=trackback(288).xml

Este blog es gravatar enabled.
Su direccion de e-mail no será publicada.
Los comentarios que sean considerados spam seran borrados!
Insert Links work like that <a href="http://www.freeflux.net/">freeflux.net</a>

Name*
E-Mail
For Spammers Only
URL
Comment*
Notify me via E-Mail when new comments are made to this entry
Remember me (needs cookies)