introduction-es - Revision history

Kant: /* ¿Qué son los microformatos? */

2012-04-11T22:35:19Z

¿Qué son los microformatos?

← Older revision		Revision as of 22:35, 11 April 2012
Line 10:		Line 10:
	== ¿Qué son los microformatos? ==		== ¿Qué son los microformatos? ==

	Los microformatos son "diccionarios" dentro del contenido ~~semántido~~ XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda ~~sesr~~ extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.		Los microformatos son "diccionarios" dentro del contenido semántico XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda ser extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.

	== ¿Por qué los microformatos? ==		== ¿Por qué los microformatos? ==

Brian: Reverted edits by OuvarLetoc (Talk) to last version by Brian

2009-01-03T19:18:58Z

Reverted edits by OuvarLetoc (Talk) to last version by Brian

← Older revision		Revision as of 19:18, 3 January 2009
Line 1:		Line 1:
	~~drongets~~
	__NOTOC__		__NOTOC__

	<h1> ~~IntroducciÃ³n~~ a los microformatos </h1>		<h1> Introducción a los microformatos </h1>

	Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]		Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]
Line 9:		Line 8:


	== ~~Â¿QuÃ©~~ son los microformatos? ==		== ¿Qué son los microformatos? ==

	Los microformatos son "diccionarios" dentro del contenido ~~semÃ¡ntido~~ XHTML. Se usan para codificar ~~informaciÃ³n~~ en los contenidos HTML de forma que el contenido ~~semÃ¡ntico~~ pueda sesr ~~extraÃdo~~ por ~~mÃ¡quinas~~ de forma sencilla. Dicho de otra forma, es la manera ~~mÃ¡s~~ sencilla de crear formatos para que puedan ser reusados en la web.		Los microformatos son "diccionarios" dentro del contenido semántido XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda sesr extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.

	== ~~Â¿Por quÃ©~~ los microformatos? ==		== ¿Por qué los microformatos? ==

	~~Â¿Por quÃ©~~ comenzamos los microformatos?		¿Por qué comenzamos los microformatos?

	Abreviando, los microformatos son la ~~uniÃ³n~~ de una serie de tendencias:		Abreviando, los microformatos son la unión de una serie de tendencias:

	#el siguiente paso ~~lÃ³gico~~ en la ~~evoluciÃ³n~~ del ~~diseÃ±o~~ web y la arquitectura de ~~informaciÃ³n~~		#el siguiente paso lógico en la evolución del diseño web y la arquitectura de información
	#una manera para los autoeditores de publicar jugosa ~~informaciÃ³n~~ por ~~sÃ~~ mismos, sin depender de servicios centralizados		#una manera para los autoeditores de publicar jugosa información por sí mismos, sin depender de servicios centralizados
	#un agradecimiento que los esfuerzos "tradicionales" de los metadatos ~~habÃan~~ fallado o llevado demasiado tiempo adoptarlos		#un agradecimiento que los esfuerzos "tradicionales" de los metadatos habían fallado o llevado demasiado tiempo adoptarlos
	#una manera de usar (X)HTML para datos.		#una manera de usar (X)HTML para datos.

Line 30:		Line 29:
	# a way to use (X)HTML for data.		# a way to use (X)HTML for data.

	=== ~~EvoluciÃ³n~~ del ~~diseÃ±o~~ web ===		=== Evolución del diseño web ===

	En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, ~~pequeÃ±o~~ y usado para marcar ~~semÃ¡nticamente~~ los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.		En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, pequeño y usado para marcar semánticamente los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.

	Entonces ~~llegÃ³~~ la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de ~~presentaciÃ³n~~ innovadoras, dandole al autor/~~diseÃ±ador tÃpico~~ de web lo que ellos ~~querÃan~~: una ~~Â¿ilusiÃ³n~~? de control sobre la ~~presentaciÃ³n~~ sobre sus ~~pÃ¡ginas~~ web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "~~estandarizÃ³~~" de facto estas innovaciones de ~~presentaciÃ³n~~.		Entonces llegó la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de presentación innovadoras, dandole al autor/diseñador típico de web lo que ellos querían: una ¿ilusión? de control sobre la presentación sobre sus páginas web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "estandarizó" de facto estas innovaciones de presentación.

	Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.		Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.
Line 55:		Line 54:
	* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley		* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley

	== ~~PÃ¡ginas~~ relacionadas ==		== Páginas relacionadas ==
	* Recent [[press]] interviews and articles are also a good introduction.		* Recent [[press]] interviews and articles are also a good introduction.
	* See microformat [[presentations]] for more background and introductory material on [[microformats]].		* See microformat [[presentations]] for more background and introductory material on [[microformats]].
Line 62:		Line 61:
	* [[implement\|So you wanna implement microformats?]]		* [[implement\|So you wanna implement microformats?]]

	== ~~ArtÃculos~~ ==		== Artículos ==
	* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon		* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon
	* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].		* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].

OuvarLetoc: paspasvarric

2009-01-03T11:57:26Z

paspasvarric

← Older revision		Revision as of 11:57, 3 January 2009
Line 1:		Line 1:
			drongets
	__NOTOC__		__NOTOC__

	<h1> ~~Introducción~~ a los microformatos </h1>		<h1> IntroducciÃ³n a los microformatos </h1>

	Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]		Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]
Line 8:		Line 9:


	== ~~¿Qué~~ son los microformatos? ==		== Â¿QuÃ© son los microformatos? ==

	Los microformatos son "diccionarios" dentro del contenido ~~semántido~~ XHTML. Se usan para codificar ~~información~~ en los contenidos HTML de forma que el contenido ~~semántico~~ pueda sesr ~~extraído~~ por ~~máquinas~~ de forma sencilla. Dicho de otra forma, es la manera ~~más~~ sencilla de crear formatos para que puedan ser reusados en la web.		Los microformatos son "diccionarios" dentro del contenido semÃ¡ntido XHTML. Se usan para codificar informaciÃ³n en los contenidos HTML de forma que el contenido semÃ¡ntico pueda sesr extraÃdo por mÃ¡quinas de forma sencilla. Dicho de otra forma, es la manera mÃ¡s sencilla de crear formatos para que puedan ser reusados en la web.

	== ~~¿Por qué~~ los microformatos? ==		== Â¿Por quÃ© los microformatos? ==

	~~¿Por qué~~ comenzamos los microformatos?		Â¿Por quÃ© comenzamos los microformatos?

	Abreviando, los microformatos son la ~~unión~~ de una serie de tendencias:		Abreviando, los microformatos son la uniÃ³n de una serie de tendencias:

	#el siguiente paso ~~lógico~~ en la ~~evolución~~ del ~~diseño~~ web y la arquitectura de ~~información~~		#el siguiente paso lÃ³gico en la evoluciÃ³n del diseÃ±o web y la arquitectura de informaciÃ³n
	#una manera para los autoeditores de publicar jugosa ~~información~~ por sí mismos, sin depender de servicios centralizados		#una manera para los autoeditores de publicar jugosa informaciÃ³n por sÃ mismos, sin depender de servicios centralizados
	#un agradecimiento que los esfuerzos "tradicionales" de los metadatos ~~habían~~ fallado o llevado demasiado tiempo adoptarlos		#un agradecimiento que los esfuerzos "tradicionales" de los metadatos habÃan fallado o llevado demasiado tiempo adoptarlos
	#una manera de usar (X)HTML para datos.		#una manera de usar (X)HTML para datos.

Line 29:		Line 30:
	# a way to use (X)HTML for data.		# a way to use (X)HTML for data.

	=== ~~Evolución~~ del ~~diseño~~ web ===		=== EvoluciÃ³n del diseÃ±o web ===

	En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, ~~pequeño~~ y usado para marcar ~~semánticamente~~ los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.		En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, pequeÃ±o y usado para marcar semÃ¡nticamente los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.

	Entonces ~~llegó~~ la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de ~~presentación~~ innovadoras, dandole al autor/~~diseñador típico~~ de web lo que ellos ~~querían~~: una ~~¿ilusión~~? de control sobre la ~~presentación~~ sobre sus ~~páginas~~ web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "~~estandarizó~~" de facto estas innovaciones de ~~presentación~~.		Entonces llegÃ³ la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de presentaciÃ³n innovadoras, dandole al autor/diseÃ±ador tÃpico de web lo que ellos querÃan: una Â¿ilusiÃ³n? de control sobre la presentaciÃ³n sobre sus pÃ¡ginas web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "estandarizÃ³" de facto estas innovaciones de presentaciÃ³n.

	Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.		Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.
Line 54:		Line 55:
	* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley		* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley

	== ~~Páginas~~ relacionadas ==		== PÃ¡ginas relacionadas ==
	* Recent [[press]] interviews and articles are also a good introduction.		* Recent [[press]] interviews and articles are also a good introduction.
	* See microformat [[presentations]] for more background and introductory material on [[microformats]].		* See microformat [[presentations]] for more background and introductory material on [[microformats]].
Line 61:		Line 62:
	* [[implement\|So you wanna implement microformats?]]		* [[implement\|So you wanna implement microformats?]]

	== ~~Artículos~~ ==		== ArtÃculos ==
	* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon		* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon
	* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].		* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].

Brian: Reverted edits by RoaceLouze (Talk) to last version by Enver555

2008-12-20T21:21:10Z

Reverted edits by RoaceLouze (Talk) to last version by Enver555

← Older revision		Revision as of 21:21, 20 December 2008
Line 1:		Line 1:
	~~domsitoloo~~
	__NOTOC__		__NOTOC__

	<h1> ~~IntroducciÃ³n~~ a los microformatos </h1>		<h1> Introducción a los microformatos </h1>

	Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]		Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]
Line 9:		Line 8:


	== ~~Â¿QuÃ©~~ son los microformatos? ==		== ¿Qué son los microformatos? ==

	Los microformatos son "diccionarios" dentro del contenido ~~semÃ¡ntido~~ XHTML. Se usan para codificar ~~informaciÃ³n~~ en los contenidos HTML de forma que el contenido ~~semÃ¡ntico~~ pueda sesr ~~extraÃdo~~ por ~~mÃ¡quinas~~ de forma sencilla. Dicho de otra forma, es la manera ~~mÃ¡s~~ sencilla de crear formatos para que puedan ser reusados en la web.		Los microformatos son "diccionarios" dentro del contenido semántido XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda sesr extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.

	== ~~Â¿Por quÃ©~~ los microformatos? ==		== ¿Por qué los microformatos? ==

	~~Â¿Por quÃ©~~ comenzamos los microformatos?		¿Por qué comenzamos los microformatos?

	Abreviando, los microformatos son la ~~uniÃ³n~~ de una serie de tendencias:		Abreviando, los microformatos son la unión de una serie de tendencias:

	#el siguiente paso ~~lÃ³gico~~ en la ~~evoluciÃ³n~~ del ~~diseÃ±o~~ web y la arquitectura de ~~informaciÃ³n~~		#el siguiente paso lógico en la evolución del diseño web y la arquitectura de información
	#una manera para los autoeditores de publicar jugosa ~~informaciÃ³n~~ por ~~sÃ~~ mismos, sin depender de servicios centralizados		#una manera para los autoeditores de publicar jugosa información por sí mismos, sin depender de servicios centralizados
	#un agradecimiento que los esfuerzos "tradicionales" de los metadatos ~~habÃan~~ fallado o llevado demasiado tiempo adoptarlos		#un agradecimiento que los esfuerzos "tradicionales" de los metadatos habían fallado o llevado demasiado tiempo adoptarlos
	#una manera de usar (X)HTML para datos.		#una manera de usar (X)HTML para datos.

Line 30:		Line 29:
	# a way to use (X)HTML for data.		# a way to use (X)HTML for data.

	=== ~~EvoluciÃ³n~~ del ~~diseÃ±o~~ web ===		=== Evolución del diseño web ===

	En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, ~~pequeÃ±o~~ y usado para marcar ~~semÃ¡nticamente~~ los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.		En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, pequeño y usado para marcar semánticamente los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.

	Entonces ~~llegÃ³~~ la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de ~~presentaciÃ³n~~ innovadoras, dandole al autor/~~diseÃ±ador tÃpico~~ de web lo que ellos ~~querÃan~~: una ~~Â¿ilusiÃ³n~~? de control sobre la ~~presentaciÃ³n~~ sobre sus ~~pÃ¡ginas~~ web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "~~estandarizÃ³~~" de facto estas innovaciones de ~~presentaciÃ³n~~.		Entonces llegó la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de presentación innovadoras, dandole al autor/diseñador típico de web lo que ellos querían: una ¿ilusión? de control sobre la presentación sobre sus páginas web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "estandarizó" de facto estas innovaciones de presentación.

	Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.		Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.
Line 55:		Line 54:
	* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley		* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley

	== ~~PÃ¡ginas~~ relacionadas ==		== Páginas relacionadas ==
	* Recent [[press]] interviews and articles are also a good introduction.		* Recent [[press]] interviews and articles are also a good introduction.
	* See microformat [[presentations]] for more background and introductory material on [[microformats]].		* See microformat [[presentations]] for more background and introductory material on [[microformats]].
Line 62:		Line 61:
	* [[implement\|So you wanna implement microformats?]]		* [[implement\|So you wanna implement microformats?]]

	== ~~ArtÃculos~~ ==		== Artículos ==
	* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon		* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon
	* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].		* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].

RoaceLouze: laboclic4

2008-12-19T18:45:12Z

laboclic4

← Older revision		Revision as of 18:45, 19 December 2008
Line 1:		Line 1:
			domsitoloo
	__NOTOC__		__NOTOC__

	<h1> ~~Introducción~~ a los microformatos </h1>		<h1> IntroducciÃ³n a los microformatos </h1>

	Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]		Relacionado: [[press\|prensa]], [[presentations\|presentaciones]], [[podcasts\|podcasts]], [[suggested-reading\|lecturas sugericas]], [[testimonials\|testimonios]]
Line 8:		Line 9:


	== ~~¿Qué~~ son los microformatos? ==		== Â¿QuÃ© son los microformatos? ==

	Los microformatos son "diccionarios" dentro del contenido ~~semántido~~ XHTML. Se usan para codificar ~~información~~ en los contenidos HTML de forma que el contenido ~~semántico~~ pueda sesr ~~extraído~~ por ~~máquinas~~ de forma sencilla. Dicho de otra forma, es la manera ~~más~~ sencilla de crear formatos para que puedan ser reusados en la web.		Los microformatos son "diccionarios" dentro del contenido semÃ¡ntido XHTML. Se usan para codificar informaciÃ³n en los contenidos HTML de forma que el contenido semÃ¡ntico pueda sesr extraÃdo por mÃ¡quinas de forma sencilla. Dicho de otra forma, es la manera mÃ¡s sencilla de crear formatos para que puedan ser reusados en la web.

	== ~~¿Por qué~~ los microformatos? ==		== Â¿Por quÃ© los microformatos? ==

	~~¿Por qué~~ comenzamos los microformatos?		Â¿Por quÃ© comenzamos los microformatos?

	Abreviando, los microformatos son la ~~unión~~ de una serie de tendencias:		Abreviando, los microformatos son la uniÃ³n de una serie de tendencias:

	#el siguiente paso ~~lógico~~ en la ~~evolución~~ del ~~diseño~~ web y la arquitectura de ~~información~~		#el siguiente paso lÃ³gico en la evoluciÃ³n del diseÃ±o web y la arquitectura de informaciÃ³n
	#una manera para los autoeditores de publicar jugosa ~~información~~ por sí mismos, sin depender de servicios centralizados		#una manera para los autoeditores de publicar jugosa informaciÃ³n por sÃ mismos, sin depender de servicios centralizados
	#un agradecimiento que los esfuerzos "tradicionales" de los metadatos ~~habían~~ fallado o llevado demasiado tiempo adoptarlos		#un agradecimiento que los esfuerzos "tradicionales" de los metadatos habÃan fallado o llevado demasiado tiempo adoptarlos
	#una manera de usar (X)HTML para datos.		#una manera de usar (X)HTML para datos.

Line 29:		Line 30:
	# a way to use (X)HTML for data.		# a way to use (X)HTML for data.

	=== ~~Evolución~~ del ~~diseño~~ web ===		=== EvoluciÃ³n del diseÃ±o web ===

	En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, ~~pequeño~~ y usado para marcar ~~semánticamente~~ los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.		En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, pequeÃ±o y usado para marcar semÃ¡nticamente los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.

	Entonces ~~llegó~~ la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de ~~presentación~~ innovadoras, dandole al autor/~~diseñador típico~~ de web lo que ellos ~~querían~~: una ~~¿ilusión~~? de control sobre la ~~presentación~~ sobre sus ~~páginas~~ web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "~~estandarizó~~" de facto estas innovaciones de ~~presentación~~.		Entonces llegÃ³ la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de presentaciÃ³n innovadoras, dandole al autor/diseÃ±ador tÃpico de web lo que ellos querÃan: una Â¿ilusiÃ³n? de control sobre la presentaciÃ³n sobre sus pÃ¡ginas web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "estandarizÃ³" de facto estas innovaciones de presentaciÃ³n.

	Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.		Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.
Line 54:		Line 55:
	* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley		* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley

	== ~~Páginas~~ relacionadas ==		== PÃ¡ginas relacionadas ==
	* Recent [[press]] interviews and articles are also a good introduction.		* Recent [[press]] interviews and articles are also a good introduction.
	* See microformat [[presentations]] for more background and introductory material on [[microformats]].		* See microformat [[presentations]] for more background and introductory material on [[microformats]].
Line 61:		Line 62:
	* [[implement\|So you wanna implement microformats?]]		* [[implement\|So you wanna implement microformats?]]

	== ~~Artículos~~ ==		== ArtÃculos ==
	* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon		* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon
	* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].		* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].

Enver555: /* ¿Porqué microformatos? */

2007-11-27T17:37:49Z

¿Porqué microformatos?

← Older revision		Revision as of 17:37, 27 November 2007
Line 12:		Line 12:
	Los microformatos son "diccionarios" dentro del contenido semántido XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda sesr extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.		Los microformatos son "diccionarios" dentro del contenido semántido XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda sesr extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.

	== ~~¿Porqué~~ microformatos? ==		== ¿Por qué los microformatos? ==

	~~Why did we come up with microformats~~?		¿Por qué comenzamos los microformatos?

			Abreviando, los microformatos son la unión de una serie de tendencias:

			#el siguiente paso lógico en la evolución del diseño web y la arquitectura de información
			#una manera para los autoeditores de publicar jugosa información por sí mismos, sin depender de servicios centralizados
			#un agradecimiento que los esfuerzos "tradicionales" de los metadatos habían fallado o llevado demasiado tiempo adoptarlos
			#una manera de usar (X)HTML para datos.

	In short, microformats are the convergence of a number of trends:		In short, microformats are the convergence of a number of trends:
Line 22:		Line 29:
	# a way to use (X)HTML for data.		# a way to use (X)HTML for data.

	=== Evolución del diseño ~~de la~~ web ===		=== Evolución del diseño web ===

			En el principio(principios de los 90), estaba el [http://www.w3.org/MarkUp/ HTML] y era bueno. Era simple, pequeño y usado para marcar semánticamente los datos visibles del usuario(texto mayormente) y compartirlos en la World Wide Web.

	~~In the beginning~~ (~~1990~~), ~~there was~~ [http://www.w3.org/~~MarkUp~~/ HTML] ~~and it was good. It was simple, minimal, and used to semantically markup user visible data (text) and share it on the World Wide Web~~.		Entonces llegó la [http://es.wikipedia.org/wiki/Guerra_de_navegadores guerra entre navegadores] (1994-1999), cuando los fabricantes de los navegadores principales hicieron sus cambios introduciendo etiquetas de presentación innovadoras, dandole al autor/diseñador típico de web lo que ellos querían: una ¿ilusión? de control sobre la presentación sobre sus páginas web. El resultado: [http://www.w3.org/TR/REC-html32 HTML 3.2] "estandarizó" de facto estas innovaciones de presentación.

	Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.		Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.

HectorGarcia at 06:05, 21 April 2006

2006-04-21T06:05:17Z

New page

__NOTOC__

<h1> Introducción a los microformatos </h1>

Relacionado: [[press|prensa]], [[presentations|presentaciones]], [[podcasts|podcasts]], [[suggested-reading|lecturas sugericas]], [[testimonials|testimonios]]

__TOC__

== ¿Qué son los microformatos? ==

Los microformatos son "diccionarios" dentro del contenido semántido XHTML. Se usan para codificar información en los contenidos HTML de forma que el contenido semántico pueda sesr extraído por máquinas de forma sencilla. Dicho de otra forma, es la manera más sencilla de crear formatos para que puedan ser reusados en la web.

== ¿Porqué microformatos? ==

Why did we come up with microformats?

In short, microformats are the convergence of a number of trends:
# a logical next step in the evolution of web design and information architecture
# a way for self-publishers to publish richer information themselves, without having to rely upon centralized services
# an acknowledgment that "traditional" metadata efforts have either failed or taken so long to garner any adoption, that a new approach was necessary
# a way to use (X)HTML for data.

=== Evolución del diseño de la web ===

In the beginning (1990), there was [http://www.w3.org/MarkUp/ HTML] and it was good. It was simple, minimal, and used to semantically markup user visible data (text) and share it on the World Wide Web.

Then came the [http://en.wikipedia.org/wiki/Browser_wars browser wars] (1994-1999) where dominant browser manufacturers took their turns introducing "innovative" presentational tags, giving the typical web author/designer what they wanted: a semblance of control over the presentation of their webpages. The result: [http://www.w3.org/TR/REC-html32 HTML 3.2] "standardized" these defacto presentational innovations.

The introduction of [http://www.w3.org/TR/REC-CSS1 CSS1] (1996) and the semantically richer [http://www.w3.org/TR/REC-html40/ HTML4] (1998) brought a glimmer of hope, but it wasn't until years later (2000-2001), with the introduction of fully compliant (or almost) implementations of CSS1/HTML4 (IE5/Mac, IE6/Windows, Netscape 6) that it became practical for web designers to depend on CSS in their web pages. Leaders in the community began to furiously adopt and promote CSS (even if it took [http://www.tantek.com/log/2004/07.html#ie5macbandpass a] [http://tantek.com/CSS/Examples/boxmodelhack.html hack] [http://www.tantek.com/CSS/Examples/midpass.html or] [http://tantek.com/CSS/Examples/highpass.html two]) and the efficiencies and enhanced productivity that separating presentation from markup brought them, yet remained a small vocal minority.

The introduction of the Wired News redesign in 100% CSS, and the beautiful [http://csszengarden.com/ CSS Zen Garden] (2002-2003) was CSS's tipping point. With the clear and obvious presentation of visual beauty and broad creativity, designers world-wide "got it" and realized that this was the future of web design. The presentational markup of <code><FONT></code>, <code><TABLE></code>, and <code>spacer.gif</code> were tossed aside by any and all self-respecting web designers, who discovered the near infinite flexibility of <code><div></code>, <code><span></code>, and the 'class' attribute. A few in the community even began adopting some of the more semantic elements in HTML: <code><p></code>, <code><h1></code>...<code><h6></code>, <code><ol></code>, <code><ul></code>, <code><li></code>, <code><em></code>, <code><strong></code>. Leaders in the community exercised the semantic limits of strict HTML4 (experimented with XHTML) and documented [http://www.simplebits.com/publications/solutions/ best practices].

As the community followed rapidly in the footpaths they had worn, the leaders began to run into the limits of semantic (X)HTML. Other subcultures were attempting to rewrite the world in their own language(s) (<abbr title="Resource Description Framework">[http://www.w3.org/RDF/ RDF]</abbr>, [[plain-xml|"plain" XML]], <abbr title="Scalable Vector Graphics">[http://www.w3.org/TR/SVG/ SVG]</abbr>), yet not having much of an impact on the World Wide Web, which required human presentable data, compatible with the browsers people already used. [http://en.wikipedia.org/wiki/Social_software Social Software] and [http://en.wikipedia.org/wiki/Blogs Blogs], written by this new generation of web designers and programmers, began to take off.

Natural patterns emerged from the way people used blogging systems, putting things into lists, for example lists of other bloggers (known as blogrolls), and annotating them with information representing relationships such has having met, friends, family, etc. The first microformat, <abbr title="XHTML Friends Network">[http://gmpg.org/xfn/ XFN]</abbr>, was designed to match these behaviors, and [http://tantek.com/log/2003/12.html#L20031215t0830 introduced to the blogging community] (2003-2004), who adopted it within weeks. The [http://gmpg.org GMPG] was formed as a home for XFN, and documented a few key [http://gmpg.org/principles design principles] later adopted for microformats. The key notion, that semantic (X)HTML could be extended, had been introduced and accepted by the community.

By understanding, using, and combining semantic (X)HTML building blocks, as well as determining that semantic (X)HTML could be validly extended via new rel, meta name, and class values, defined in (X)HTML profiles in the [http://gmpg.org/xmdp XMDP format], the community began to design and develop many more microformats (2004-2005). More patterns emerged from the blogging community, and each aggregate human behavior drove the design of simple, adaptive microformats to meet its needs. Creative Commons licensing became popular and [[rel-license]] was proposed. Outlines and lists: [[xoxo|XOXO]]. Contact info: [[hcard|hCard]]. Calendars and events [[hcalendar|hCalendar]].

Using these new found building blocks, the web design and information architecture communities were no longer limited by the predefined semantics of HTML4 (nor did they have to compromise human presentation and ease of authoring which other attempts sorely lacked). 2005 may well be the year that microformats became the next step in the evolution of the web.

=== Buscando la simplicidad ===

* Microformats are a simple effort which has appealed to many frustrated with previous complex efforts. One parallel that can be drawn is to REST in the web services world, i.e. see this [http://www.windley.com/archives/2005/07/microformats.shtml comparison of microformats and REST]. See the [http://rest.blueoxen.net REST wiki] for more about REST. Related [http://patricklogan.blogspot.com/2006/01/microformat-microprotocol.html microformats and microprotocols].
* See also: [http://www.justinleavesley.com/journal/2005/7/28/web-services-and-the-innovators-dilemma.html Web Services and the Innovators Dilemma] by Justin Leavesley

== Páginas relacionadas ==
* Recent [[press]] interviews and articles are also a good introduction.
* See microformat [[presentations]] for more background and introductory material on [[microformats]].
* Listen to [[podcasts]] about microformats.
* More [[suggested-reading|suggested reading]]
* [[implement|So you wanna implement microformats?]]

== Artículos ==
* [http://www.digital-web.com/articles/microformats_primer/ Digital Web Magazine: Microformats Primer] by Garrett Dimon
* [http://www.gr0w.com/articles/design/an_extra_side_to_web_standards_based_design/ An Extra SIDE to Web Standards Based Design] - How Semantic Information Design Ethics (SIDE) and a few readily available techniques can help heal the Web, by Jon Tan. See also his [http://www.csszengarden.com/?cssfile=/193/193.css&page=0 CSS Zen Garden "Leggo my ego" entry].
* [http://thedredge.org/ Andrew D. Hume] has written a blog post [http://thedredge.org/2005/07/introducing-microformats/ introducing microformats] and another one on [http://usabletype.com/articles/2005/usable-microformats/ usable microformats].
* [http://24ways.org/advent/practical-microformats-with-hcard Practical Microformats with hCard] by Drew McLellan
* [http://www.thefutureoftheweb.com/blog/2006/1/hcard Jesse Skinner's introduction to hCard]
* [http://blog.usweb.com/ Shaun Shull's] great post on [http://blog.usweb.com/archives/how-microformats-affect-search-engine-optimization-seo How Microformats Affect Seearch Engine Optimization]
* [http://blogbusinesssummit.com/2006/04/microformats_in.htm Blog Business Summit: Microformats in Plain English: the Promise of Simple Business to Business Data Exchange] by Steve Broback

== Referencias ==

These are various intro-related links/articles which I haven't figured out yet how to incorporate. You may find them of interest. - [http://tantek.com/log/ Tantek]

* [http://www.betaversion.org/~stefano/linotype/news/93/ Data First vs. Structure First]
** [http://tantek.com/log/ Tantek] says: In many ways it is actually *far* worse than that post conveys. The "typical" programmer literally loves spending far more time worrying about and designing the structure for structure's sake, than data, and even less so, "real world" data (current behaviors etc.). Hence we have taken the directly opposite tack with microformats when looking to solve a problem.
*** Zeroeth, define the real-world problem. If you can't do this, then stop.
*** First, look at real-world usage (data).
*** Second, what previous standards are people actually using today? If there is more than one, then lean towards those with the better adoption.
***And only after those first two do we bother to pay attention to theoretical standards, those that have been invented (whether by individuals, committees), but haven't seen much if any actual adoption.
* [http://lists.w3.org/Archives/Public/www-rdf-interest/2000Mar/0103 2000-03-21 Dan Connolly on human-consumable information]: ('''strong emphasis''' added)
** I believe that one of the best ways to transition into RDF, if not a long-term deployment strategy for RDF, is to '''manage the information in human-consumable form (XHTML) annotated with just enough info to extract''' the RDF statements that the human info is intended to convey. In other words: using a relational database or some sort of native RDF data store, and spitting out HTML dynamically, is a lot of infrastructure to operate and probably not worth it for lots of interesting cases. '''We all know that we have to produce a human-readable version of the thing... why not use that as the primary source?'''