SlideShare a Scribd company logo
1 of 28
Download to read offline
MICROFORMATOS
     Juan de Dios DeschampsFélix
Definición


 Manuel G. Noriega define microformatos:

“son porciones de código XHTML ó HTML estándar
  cuyo objetivo es insertar contenido semántico
  aprovechando las características de los atributos
  "id" ó "class" usada por algunas etiquetas de
  HTML”.
Atributos


   "id" ó "class" usada por algunas etiquetas de
    HTML”.

   Otros son "rel" ó "rev", de los elementos de HTML
    "a" y "link".
Wikipedia

“Es una forma simple de agregar significado
  semántico a un contenido legible por un humano
  mientras que para una máquina puede ser sólo
  texto”.
LENGUAJE DE MARCADO



“Lenguaje de marcado” es otro término que
 Wikipedia usa para referirse a lo comprendido en
 el concepto “microformatos”.
World Wide Web
                   Consortium (W3C)

Es un consorciointernacional que produce recomendaciones para la
 World Wide Web) dice:

“son conjuntos de formatos de datos abiertos y simples,
 desarrollados sobre estándares ya existentes, ampliamente
 adoptados, incluyendo XHTML (HTML y XML) y CSS”.
OBJETIVOS
        DE LOS MICROFORMATOS




Hacer que los metadatos sean útiles:



   A las personas

   A los agentes de usuarios (Ej. Buscadores)
¿Qué son los metadatos?

       Son "datos sobre datos", ó "información sobre la
        información".
Ejemplo de metadatos


“Los metadatos de un recurso, como un artículo en
  internet, podrían ser "autor", "fecha de
  publicación", "fecha de modificación", "palabras
  clave", "título",...”
UTILIDAD


Los microformatos permiten la representación de
 eventos, información de contacto, relaciones,
 sociales, direcciones, ubicaciones (coordenadas),
 etc.
¿Cuándo tenemos un
                          microformatos?



   Cuando tenemos significados compartidos.

   Dicho significado lo abstraemos (Para abstraerlo contamos con el atributo
    “Class” que formaliza e identifica las soluciones comunes).

   La estructura de marcado es usada para determinadas necesidades.

   Necesidad de ese tipo son, por ejemplos, “listas ordenadas/desordenadas
    para construir menús o listas de definición para fichas de productos”.

   Cuando las estructuras son aceptadas como „buena práctica‟.

   Cuando las estructuras son recomendadas y adoptadas de forma general.

   Cuanto tenemos un fragmento de código XHTML

   Tenemos fragmento de código XHTML cuando ha sido aceptada la estructura
    de marcado.
Límites de los
             microformatos

Los microformatos están limitados a adoptar
convenciones para ciertos tipos de enlace XHTML.

El atributo rel expresa significados complejos en
un enlace.
Ejemplos de microformatos
                populares

       Rel=”nofollow” (propuesto por los motores de
        búsqueda)

       Rel=”tag” (creado por Techonorati)
¿Podríanlasnoticias ser
 estructurasmarcadas?
   “AdrianHolovatypropone ya las ventajas de
    microformatos para las noticias y ya ha nacido
    xFolk, un microformatos para la descripción de
    folksonomías”.
Buenasprácticas


Los microformatos confirman las buenas prácticas.
Marcadosemántico


Los microformatos encajan con el paradigma de
 marcado semántico, por lo tanto, realizan las
 promesas de la Web Semántica.
Tipos de microformatos

     "hCard", diseñado para registrar datos de
      personas.

     "hReview" para revisiones y críticas que se
      escriben sobre artículos, lugares, servicios, etc.,

     hCalendar para marcar eventos.

     hResume para curriculums personales.

     hRecipe para describir recetas de cocina.
Ejemplo de un
                 microformatos


¿Se acuerdan que dijimos “los microformatos
permiten la representación de eventos,
información de contacto, relaciones, sociales,
direcciones, ubicaciones (coordenadas), etc.”
Ejemplo de
                  microformatos
   Recordemos esto: un microformatos son datos sobre
    datos.
   Veamos una buena práctica de permitir la
    representación de “información de contacto”.




   Tenemos la información de contacto de Alejandro
    Gonzalo Bravo García, autor de una página Web que
    nos explica lo mismo que otros términos estamos
    explicando:
Datossobredatos,
    informaciónsobreinformación

   Sobre el dato de Alejandro Gonzalo Bravo
    García (tiene un vínculo) tenemosel
    microformatos:
EXPLICACIÓN O LECTURA DEL MICROFORMATOS

       Primera línea:
          <dlclass="dublincore”>
          Ahí tenemos un elemento HTML, una lista de
           definición dl.
          El <dlclass="dublincore"> tiene una clase
           dublincore.
          En este dato está todo lo que vemos en el
           segundo cuadro: la presentación de una hoja de
           estilo, incluye tipo de fuente, tamaño, bordes, etc.
          Atención: ¡También podría ser un contenido
           semántico!
EXPLICACIÓN O LECTURA DEL MICROFORMATOS


          Segunda línea



          <dt>Autor</dt>



          Ya tenemos una lista de definición, ahora vamos a
           definir el Autor.
¿Qué significa definir el autor?




   Significa que con la segunda línea del código
    podemos ver escrita la palabra “Autor”,

   <dt>Autor</dt>es el dato que está sobre el dato
    “nombre del autor, dirección de correo electrónico,
    página web donde aparezca su información”.
Otro elemento: <dd>

   También necesario para una buena lista de
    definición.

   Dicho dato nos lleva a una página web, pero
    también podría ser un texto, o una dirección de
    correo electrónico.
Nos falta el elemento <a class="creator"




        Dicha clase tiene un vínculo donde podemos ver
         el creador de la definición de DublinCore
         (Alejandro Gonzalo Bravo García).

        Los buscadores pueden      darse   cuenta   que
         “creador” es el autor.
Conclusión

    Los microformatos son:

1.    Datos sobre datos, información sobre
      información.

2.    Información sobre información.

3.    El resultado de las buenas prácticas
      consensuadas y abstraídas mediante códigos.

4.    Conocidas como estructuras marcadas,
      lenguajes marcados, estructuras semánticas.
Recomendación
   “AdrianHolovaty propuso estructuras marcadas
    para las noticias.

   De igual manera, propongo estructuras marcadas
    para actos legales.

   Los actos legales (una demanda, querella, una
    intimación de pago, contratos de venta, alquiler,
    etc., son “buenas prácticas” que tienen
    haciéndose más de un siglo.

   ¿Podrían los actos jurídicos ser estructuras
    marcadas?
Bibliografía
   Bravo, Gonzalo, “Web de Gonzalo Bravo,
    http://www.webposible.com/microformatos-
    dublincore/introduccion-microformatos.html, recuperado
    18/08/2012.

   Víctor Pimentel, Microformatos: qué son, para qué
    sirven y dónde los vamos a encontrar,
    http://www.genbeta.com/web/microformatos-que-son-para-
    que-sirven-y-donde-los-vamos-a-encontrar, recuperado
    18/08/2012.

   Noriega, Manuel G., Microformatos: la web semántica
    en
    minúsculashttp://www.alzado.org/articulo.php?id_art=416,
    recuperado 18/08/2012.

   Microformato, Wikipedia,
    http://es.wikipedia.org/wiki/Microformato, recuperado
    18/08/2012.

More Related Content

Similar to Microformatos

Concepto y aplicación de investigadores en linea
Concepto y aplicación de investigadores en lineaConcepto y aplicación de investigadores en linea
Concepto y aplicación de investigadores en lineaBianquiss Pacheco
 
Websemantica 1218250849453303 9
Websemantica 1218250849453303 9Websemantica 1218250849453303 9
Websemantica 1218250849453303 9Negra Morales
 
Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0 Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0 Miguel R. Artacho
 
Que es una pagina web jose fernando cortes moreno 1
Que es una pagina web jose fernando cortes moreno 1Que es una pagina web jose fernando cortes moreno 1
Que es una pagina web jose fernando cortes moreno 1josefer38
 
Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02sperezporta
 
comunicacion interactiva M-726
comunicacion interactiva M-726comunicacion interactiva M-726
comunicacion interactiva M-726Emilia Dávila
 
Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02Anine_Mayo
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivaMaria Rossana
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivaMaria Rossana
 
Comunicación Interactiva, Marilyn valladares M716
Comunicación Interactiva, Marilyn valladares M716Comunicación Interactiva, Marilyn valladares M716
Comunicación Interactiva, Marilyn valladares M716Michell Viloria
 
Términos relacionados con la comunicación interactiva
Términos relacionados con la comunicación interactivaTérminos relacionados con la comunicación interactiva
Términos relacionados con la comunicación interactivaPedroS97
 
Web 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores SocialesWeb 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores Socialescrbertolottiz
 
Web 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores SocialesWeb 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores Socialesguest0aa16f
 

Similar to Microformatos (20)

Concepto y aplicación de investigadores en linea
Concepto y aplicación de investigadores en lineaConcepto y aplicación de investigadores en linea
Concepto y aplicación de investigadores en linea
 
XML Y RDF En Web SemáNtica
XML Y RDF En Web SemáNticaXML Y RDF En Web SemáNtica
XML Y RDF En Web SemáNtica
 
Construyendo la web semantica
Construyendo la web semanticaConstruyendo la web semantica
Construyendo la web semantica
 
Introducción a la Web Semántica
Introducción a la Web SemánticaIntroducción a la Web Semántica
Introducción a la Web Semántica
 
Websemantica 1218250849453303 9
Websemantica 1218250849453303 9Websemantica 1218250849453303 9
Websemantica 1218250849453303 9
 
Glosario sobre Social Web
Glosario sobre Social WebGlosario sobre Social Web
Glosario sobre Social Web
 
Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0 Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0
 
Escalante.microformatos
Escalante.microformatosEscalante.microformatos
Escalante.microformatos
 
Que es una pagina web jose fernando cortes moreno 1
Que es una pagina web jose fernando cortes moreno 1Que es una pagina web jose fernando cortes moreno 1
Que es una pagina web jose fernando cortes moreno 1
 
Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02
 
comunicacion interactiva M-726
comunicacion interactiva M-726comunicacion interactiva M-726
comunicacion interactiva M-726
 
Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02Web3 0-090702051530-phpapp02
Web3 0-090702051530-phpapp02
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
Los microformatos
Los microformatosLos microformatos
Los microformatos
 
Dianis
DianisDianis
Dianis
 
Comunicación Interactiva, Marilyn valladares M716
Comunicación Interactiva, Marilyn valladares M716Comunicación Interactiva, Marilyn valladares M716
Comunicación Interactiva, Marilyn valladares M716
 
Términos relacionados con la comunicación interactiva
Términos relacionados con la comunicación interactivaTérminos relacionados con la comunicación interactiva
Términos relacionados con la comunicación interactiva
 
Web 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores SocialesWeb 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores Sociales
 
Web 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores SocialesWeb 2.0 Y Marcadores Sociales
Web 2.0 Y Marcadores Sociales
 

More from Juan de Dios Deschamps Félix (6)

Misión de la filosofía del derecho
Misión de la filosofía del derechoMisión de la filosofía del derecho
Misión de la filosofía del derecho
 
Capítulo i filosofía y filosofía del derecho
Capítulo i filosofía y filosofía del derechoCapítulo i filosofía y filosofía del derecho
Capítulo i filosofía y filosofía del derecho
 
Microformatos
MicroformatosMicroformatos
Microformatos
 
Principios rectores del medio ambiente
Principios rectores del medio ambientePrincipios rectores del medio ambiente
Principios rectores del medio ambiente
 
Método y técnica
Método y técnicaMétodo y técnica
Método y técnica
 
El concepto
El conceptoEl concepto
El concepto
 

Recently uploaded

TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptxTECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptxFranciscoCruz296518
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionCarolVigo1
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.docGLADYSPASTOR
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfSaraGabrielaPrezPonc
 
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...Unidad de Espiritualidad Eudista
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosAgrela Elvixeo
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCEIP TIERRA DE PINARES
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Ivie
 
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAPROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAJoaqunSolrzano
 
CARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCarolVigo1
 
Presentación del tema: tecnología educativa
Presentación del tema: tecnología educativaPresentación del tema: tecnología educativa
Presentación del tema: tecnología educativaricardoruizaleman
 
1ro Programación Anual D.P.C.C ACTUALIZADO
1ro Programación Anual D.P.C.C ACTUALIZADO1ro Programación Anual D.P.C.C ACTUALIZADO
1ro Programación Anual D.P.C.C ACTUALIZADODJElvitt
 
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdfRecursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdfNELLYKATTY
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdfceeabarcia
 
explicacionsobrelasemanasanta-190411100653.ppt
explicacionsobrelasemanasanta-190411100653.pptexplicacionsobrelasemanasanta-190411100653.ppt
explicacionsobrelasemanasanta-190411100653.pptjosemanuelcremades
 
sociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre tercerosociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre terceroCEIP TIERRA DE PINARES
 
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdfGUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdfNELLYKATTY
 

Recently uploaded (20)

TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptxTECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
TECNOLOGÍA EDUCATIVA, USO DE LAS TIC.pptx
 
Conducta ética en investigación científica.pdf
Conducta ética en investigación científica.pdfConducta ética en investigación científica.pdf
Conducta ética en investigación científica.pdf
 
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacionUNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
UNIDAD DE APRENDIZAJE MARZO 2024.docx para educacion
 
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
5°-CARPETA PEDAGÓGICA 2024-MAESTRAS DE PRIMARIA PERÚ-978387435.doc
 
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdfAnna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
Anna Llenas Serra. El monstruo de colores. Doctor de emociones.pdf
 
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
La Congregación de Jesús y María, conocida también como los Eudistas, fue fun...
 
Xardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES MonelosXardín de San Carlos (A Coruña) IES Monelos
Xardín de San Carlos (A Coruña) IES Monelos
 
Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...Power Point E. Sab: Adoración sin fin...
Power Point E. Sab: Adoración sin fin...
 
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTOCIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
CIENCIAS SOCIALES SEGUNDO TRIMESTRE CUARTO
 
Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023Presentación contribuciones socioeconómicas del SUPV 2023
Presentación contribuciones socioeconómicas del SUPV 2023
 
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍAPROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
PROGRAMACIÓN CURRICULAR ANUAL DE CIENCIA Y TECNOLOGÍA
 
CARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacionCARPETA PEDAGÓGICA 2024.docx para educacion
CARPETA PEDAGÓGICA 2024.docx para educacion
 
Presentación del tema: tecnología educativa
Presentación del tema: tecnología educativaPresentación del tema: tecnología educativa
Presentación del tema: tecnología educativa
 
1ro Programación Anual D.P.C.C ACTUALIZADO
1ro Programación Anual D.P.C.C ACTUALIZADO1ro Programación Anual D.P.C.C ACTUALIZADO
1ro Programación Anual D.P.C.C ACTUALIZADO
 
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdfRecursos Tecnológicos, página  AIP-CRT 2 0 2 4.pdf
Recursos Tecnológicos, página AIP-CRT 2 0 2 4.pdf
 
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
21 MARZO DIA INTERNACIONAL DOS BOSQUES.pdf
 
Tema 6.- La identidad visual corporativa y el naming.pdf
Tema 6.- La identidad visual corporativa y el naming.pdfTema 6.- La identidad visual corporativa y el naming.pdf
Tema 6.- La identidad visual corporativa y el naming.pdf
 
explicacionsobrelasemanasanta-190411100653.ppt
explicacionsobrelasemanasanta-190411100653.pptexplicacionsobrelasemanasanta-190411100653.ppt
explicacionsobrelasemanasanta-190411100653.ppt
 
sociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre tercerosociales ciencias segundo trimestre tercero
sociales ciencias segundo trimestre tercero
 
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdfGUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
GUÍA SIANET - Agenda - Tareas - Archivos - Participaciones - Notas.pdf
 

Microformatos

  • 1. MICROFORMATOS Juan de Dios DeschampsFélix
  • 2. Definición Manuel G. Noriega define microformatos: “son porciones de código XHTML ó HTML estándar cuyo objetivo es insertar contenido semántico aprovechando las características de los atributos "id" ó "class" usada por algunas etiquetas de HTML”.
  • 3. Atributos  "id" ó "class" usada por algunas etiquetas de HTML”.  Otros son "rel" ó "rev", de los elementos de HTML "a" y "link".
  • 4. Wikipedia “Es una forma simple de agregar significado semántico a un contenido legible por un humano mientras que para una máquina puede ser sólo texto”.
  • 5. LENGUAJE DE MARCADO “Lenguaje de marcado” es otro término que Wikipedia usa para referirse a lo comprendido en el concepto “microformatos”.
  • 6. World Wide Web Consortium (W3C) Es un consorciointernacional que produce recomendaciones para la World Wide Web) dice: “son conjuntos de formatos de datos abiertos y simples, desarrollados sobre estándares ya existentes, ampliamente adoptados, incluyendo XHTML (HTML y XML) y CSS”.
  • 7. OBJETIVOS DE LOS MICROFORMATOS Hacer que los metadatos sean útiles:  A las personas  A los agentes de usuarios (Ej. Buscadores)
  • 8. ¿Qué son los metadatos?  Son "datos sobre datos", ó "información sobre la información".
  • 9. Ejemplo de metadatos “Los metadatos de un recurso, como un artículo en internet, podrían ser "autor", "fecha de publicación", "fecha de modificación", "palabras clave", "título",...”
  • 10. UTILIDAD Los microformatos permiten la representación de eventos, información de contacto, relaciones, sociales, direcciones, ubicaciones (coordenadas), etc.
  • 11. ¿Cuándo tenemos un microformatos?  Cuando tenemos significados compartidos.  Dicho significado lo abstraemos (Para abstraerlo contamos con el atributo “Class” que formaliza e identifica las soluciones comunes).  La estructura de marcado es usada para determinadas necesidades.  Necesidad de ese tipo son, por ejemplos, “listas ordenadas/desordenadas para construir menús o listas de definición para fichas de productos”.  Cuando las estructuras son aceptadas como „buena práctica‟.  Cuando las estructuras son recomendadas y adoptadas de forma general.  Cuanto tenemos un fragmento de código XHTML  Tenemos fragmento de código XHTML cuando ha sido aceptada la estructura de marcado.
  • 12. Límites de los microformatos Los microformatos están limitados a adoptar convenciones para ciertos tipos de enlace XHTML. El atributo rel expresa significados complejos en un enlace.
  • 13. Ejemplos de microformatos populares  Rel=”nofollow” (propuesto por los motores de búsqueda)  Rel=”tag” (creado por Techonorati)
  • 14. ¿Podríanlasnoticias ser estructurasmarcadas?  “AdrianHolovatypropone ya las ventajas de microformatos para las noticias y ya ha nacido xFolk, un microformatos para la descripción de folksonomías”.
  • 16. Marcadosemántico Los microformatos encajan con el paradigma de marcado semántico, por lo tanto, realizan las promesas de la Web Semántica.
  • 17. Tipos de microformatos  "hCard", diseñado para registrar datos de personas.  "hReview" para revisiones y críticas que se escriben sobre artículos, lugares, servicios, etc.,  hCalendar para marcar eventos.  hResume para curriculums personales.  hRecipe para describir recetas de cocina.
  • 18. Ejemplo de un microformatos ¿Se acuerdan que dijimos “los microformatos permiten la representación de eventos, información de contacto, relaciones, sociales, direcciones, ubicaciones (coordenadas), etc.”
  • 19. Ejemplo de microformatos  Recordemos esto: un microformatos son datos sobre datos.  Veamos una buena práctica de permitir la representación de “información de contacto”.  Tenemos la información de contacto de Alejandro Gonzalo Bravo García, autor de una página Web que nos explica lo mismo que otros términos estamos explicando:
  • 20. Datossobredatos, informaciónsobreinformación  Sobre el dato de Alejandro Gonzalo Bravo García (tiene un vínculo) tenemosel microformatos:
  • 21. EXPLICACIÓN O LECTURA DEL MICROFORMATOS Primera línea:  <dlclass="dublincore”>  Ahí tenemos un elemento HTML, una lista de definición dl.  El <dlclass="dublincore"> tiene una clase dublincore.  En este dato está todo lo que vemos en el segundo cuadro: la presentación de una hoja de estilo, incluye tipo de fuente, tamaño, bordes, etc.  Atención: ¡También podría ser un contenido semántico!
  • 22. EXPLICACIÓN O LECTURA DEL MICROFORMATOS  Segunda línea  <dt>Autor</dt>  Ya tenemos una lista de definición, ahora vamos a definir el Autor.
  • 23. ¿Qué significa definir el autor?  Significa que con la segunda línea del código podemos ver escrita la palabra “Autor”,  <dt>Autor</dt>es el dato que está sobre el dato “nombre del autor, dirección de correo electrónico, página web donde aparezca su información”.
  • 24. Otro elemento: <dd>  También necesario para una buena lista de definición.  Dicho dato nos lleva a una página web, pero también podría ser un texto, o una dirección de correo electrónico.
  • 25. Nos falta el elemento <a class="creator"  Dicha clase tiene un vínculo donde podemos ver el creador de la definición de DublinCore (Alejandro Gonzalo Bravo García).  Los buscadores pueden darse cuenta que “creador” es el autor.
  • 26. Conclusión  Los microformatos son: 1. Datos sobre datos, información sobre información. 2. Información sobre información. 3. El resultado de las buenas prácticas consensuadas y abstraídas mediante códigos. 4. Conocidas como estructuras marcadas, lenguajes marcados, estructuras semánticas.
  • 27. Recomendación  “AdrianHolovaty propuso estructuras marcadas para las noticias.  De igual manera, propongo estructuras marcadas para actos legales.  Los actos legales (una demanda, querella, una intimación de pago, contratos de venta, alquiler, etc., son “buenas prácticas” que tienen haciéndose más de un siglo.  ¿Podrían los actos jurídicos ser estructuras marcadas?
  • 28. Bibliografía  Bravo, Gonzalo, “Web de Gonzalo Bravo, http://www.webposible.com/microformatos- dublincore/introduccion-microformatos.html, recuperado 18/08/2012.  Víctor Pimentel, Microformatos: qué son, para qué sirven y dónde los vamos a encontrar, http://www.genbeta.com/web/microformatos-que-son-para- que-sirven-y-donde-los-vamos-a-encontrar, recuperado 18/08/2012.  Noriega, Manuel G., Microformatos: la web semántica en minúsculashttp://www.alzado.org/articulo.php?id_art=416, recuperado 18/08/2012.  Microformato, Wikipedia, http://es.wikipedia.org/wiki/Microformato, recuperado 18/08/2012.