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
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.
- 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.
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>










