1/29/2014

Pgina principal

HTML 5 paso a paso

Sobre el autor

HTML 5 paso a paso

T o d o l o q u e q u e r a s s a b e r d e HT ML 5

viernes, 29 de junio de 2012

File API de html5

Hasta la llegada de HTML5 era imposible realizar operaciones con los ficheros de un formulario, como por ejemplo:

Qu navegador consigue mejor resultado con HTML5?

Opera Firefox 1 (25%) 1 (25%) 1 (25%) 0 (0%) 1 (25%)

Conocer el tamao de un fichero y el tipo antes de ser enviado para poder realizar validaciones sin necesidad de enviarlo. Poder seleccionar ms de un fichero en un mismo input file. Usar drag & drop para adjuntar un fichero a un formulario. Miento, si haba formas, pero todas ellas pasaban por usar otro tipo de elementos como por ejemplo, flash o applet de java Con HTML5 disponemos de una nueva api con la que poder trabajar con los ficheros seleccionados en un formulario. En concreto disponemos de las siguientes funciones:

Chrome Internet Explorer Safari

Votos hasta el momento: 4 Encuesta cerrada

Tags

Semntica (6)

File: Nos permite acceder a informacin de un fichero individual como es el nombre, el tamao, el mimetype o una referencia un manejador del fichero. FileList: Nos permite las mismas acciones que File pero aplicadas a una lista de ficheros. Se utiliza cuando usamos un <input type="file" multiple>. Blob: Nos permite cortar un fichero por rango de bytes. (Este todava no lo he podido probar) Como casi siempre en HTML5 no todos los navegadores soportan actualmente estas api, en principio las ltimas versiones de Firefox, Chrome y Opera no tendremos problemas, pero si en Internet Explorer y Safari. Para saber si el navegador del cliente soporta estas api podemos usar el cdigo:

Etiquetas (3) Secciones (3) Internet Explorer (2) Navegadores (2) compatibilidad (2)
API (1) Animacin (1) CANVAS (1) CSS3 (1) CSS4 (1) Deteccin (1) Encoding (1) Form (1) Microsoft (1) Videos (1) WEB (1)

Blog Archive
2012 (1) junio (1) File API de html5 2011 (5)

i f( w i n d o w . F i l e& &w i n d o w . F i l e R e a d e r& &w i n d o w . F i l e L i s t& &w i n d o w . B l o b ){ / /T o d a sl a sA P I ss o p o r t a d a s . }e l s e{ a l e r t ( ' L aA P Id eF I L En oe ss o p o r t a d ae ne s t en a v e g a d o r . ' ) ; }

2010 (15)

Contribuyentes
Sergio Raposo Vargas Israel Romn Alvarez

A modo de ejemplo tenis el siguiente cdigo que muestra en un div la lista de todos los ficheros seleccionado y la informacin asociada a l.

< i n p u tt y p e = " f i l e "i d = " f i l e s "n a m e = " f i l e s [ ] "m u l t i p l e/ > < o u t p u ti d = " l i s t " > < / o u t p u t >

< s c r i p t > f u n c t i o nh a n d l e F i l e S e l e c t ( e v t ){ v a rf i l e s=e v t . t a r g e t . f i l e s ;/ /F i l e L i s to b j e c t

/ /f i l e si saF i l e L i s to fF i l eo b j e c t s .L i s ts o m ep r o p e r t i e s .

http://html5pasoapaso.blogspot.mx/

1/11

1/29/2014
v a ro u t p u t=[ ] ; f o r( v a ri=0 ,f ;f=f i l e s [ i ] ;i + + ){

HTML 5 paso a paso

o u t p u t . p u s h ( ' < l i > < s t r o n g > ' ,e s c a p e ( f . n a m e ) ,' < / s t r o n g >( ' ,f . t y p e| |' n / a ' ,' )-' , f . s i z e ,'b y t e s ,l a s tm o d i f i e d :' , f . l a s t M o d i f i e d D a t e?f . l a s t M o d i f i e d D a t e . t o L o c a l e D a t e S t r i n g ( ):' n / a ' , ' < / l i > ' ) ; } d o c u m e n t . g e t E l e m e n t B y I d ( ' l i s t ' ) . i n n e r H T M L=' < u l > '+o u t p u t . j o i n ( ' ' )+' < / u l > ' ; }

d o c u m e n t . g e t E l e m e n t B y I d ( ' f i l e s ' ) . a d d E v e n t L i s t e n e r ( ' c h a n g e ' ,h a n d l e F i l e S e l e c t ,f a l s e ) ; < / s c r i p t >

Espero que os sea til. Yo ya le he encontrado alguna funcionalidad como por ejemplo, validar un formulario antes de ser enviado y mostrar por pantalla el tamao del formulario que se va a enviar para calcular el tiempo medio de espera.

Publicado por Sergio Raposo Vargas en 4:54 Etiquetas: API, Form

4 comentarios

domingo, 20 de noviembre de 2011

CSS3, el futuro. (Conclusiones de la conferencia mejorando.la)

En el siguiente artculo me gustara mostrar a las conclusiones a las que he llegado despus de ver ayer mismo (19 de Noviembre de 2011) la conferencia de Christian Van Der Henst titulada: "El camino a CSS4". Esta claro que HTML5 ha dejado ya de ser el futuro para convertirse en el presente. Ya la gran mayora de navegadores modernos soportan gran cantidad de los nuevos elementos del estndar lo que hace que su uso se ya posible hoy da. Pero HTML5 no es lo nico que ha evolucionado, conjunto a l ha crecido CSS3 y la nueva generacin de JavaScript. La nueva versin de CSS nos va a permitir que el diseo de pginas web cambie por completo, esta nueva versin nos va a permitir hacer cosas que antes eran impensables, podremos incluso dibujar con CSS, hacer que nuestras webs cobren vida, y otras muchas cosas. Esto har que los diseadores que quieran mantenerse al da tenga que evolucionar, tenga que cambiar el concepto de hacer diseos web como si fueran artistas y pasar a hacer web como si fueran programadores haciendo uso de las nuevas herramientas que nos ofrece CSS3. Lo que est claro que la tecnologa avanza y que todo el que se dedique al desarrollo web , ya sean programadores o diseadores tendrn que ir de la mano de la evolucin para no quedarse estancado en el pasado. El gran rival la evolucin en los estndares son los navegadores antiguos, estilo IE6. Nosotros los desarrolladores web debemos luchar por la desaparicin de esta "lacra de la evolucin". Es significativo que hasta microsof mediante un comunicado oficial desaconsejara el uso de dicha versin de su navegador, y como la gente sigue usndolo. Menos mal que las ltimas estadsticas hablan de un descenso en el uso de este tipo de navegadores y por lo tanto, menor nmero de usuarios que lo usan. Es importante recordar que todos los navegadores modernos (opera, firefox, chrome, internet
http://html5pasoapaso.blogspot.mx/ 2/11

1/29/2014

HTML 5 paso a paso

explorer, safari) ya dan un amplio soporte. Por lo tanto no debemos tenerle miedo a la actualizacin de nuestros desarrollos, abrazar estos nuevos estndares y empezar a dejar de mirar al pasado, y esas compatibilidades estpidas que solo hacen aumentar los costes de desarrollos y que no compensa el retorno de la inversin que se obtiene con ello. Menos mal que siempre hay programadores dispuesto a resolver muchos de los problemas que nos encontramos debido a incompatibilidades. Por ello existen productos como:

Modernizr: Libreria JS que nos permite conocer la compatibilidad del navegador con tecnologas HTML5 y CSS3 permitindonos hacer sitios web que se adapten a todos nuestros usuarios. Selectivizr: Librera JS que nos simula el comportamiento de CSS en los navegadores IE6-IE8.

Recursos CSS3 interesantes:

zurb.com: Pgina donde generar botones interesantes con CSS3. ecsspert.com: Herramienta para dibujar directamente en CSS3 Adobe CSS Shaders: Permite aplicar efectos cinematogrficos solo con CSS3. CSS3 secrets: Demostracin sobre las principales mejoras de CSS3 hakim.se: Sitio web con demostraciones de HTML5 y canvas en el que podemos ver el potencial de este nuevo elemento. raphaeljs.com: Libreria JS que nos simplifica el trabajo de desarrollar grficos vectoriales en la web. impact.js: Libreria JS que nos ayuda en el desarrollo de juegos en HTML5. CSS3Generator: Herramienta que nos permite generar cdigo CSS3 de una manera fcil y rpida. Original Hover efects: Efectos originales basados en CSS3 jquerymobile.com: Libreria JQUERY para el desarrollo de pginas web para mviles con la posibilidad de crear nuestros propios temas a medida. Prefijos CSS3 Uno de los grandes inconvenientes de CSS3 es la necesidad de usar preficos para que los estilos sean comprendidos por los distintos motores de los navegadores. Esto nos obliga a duplicar la creacin de estilos y a tener que ser muy cuidadosos a la hora de desarrollar con CSS3. Pero como siempre, hay recursos para facilitarnos el trabajo de desarrollo, como por ejemplo: CSS Prefixer o Prefix-Free, que nos permiten pasar nuestro CSS con los estilos propios de CSS3 y ellos se encargan automticamente de generar los mismos estilos con todos los prefijos necesarios. Frameworks CSS3 En cualquier lenguaje de programacin no suelen tardar mucho las herramientas que nos hacen que desarrollar en l sea una tarea mucho ms simple. Para ello aparecen los frameworks de desarrollo. En CSS3 tambin existen frameworks que nos permiten que la tarea de desarrollar sea mucho ms simple. Entre los entornos de desarrollo ms importantes estn: lesscss.org sass-lang.com Tambin disponemos de otras herramientas que nos facilitan la creacin de nuestros layouts: blueprint 960

http://html5pasoapaso.blogspot.mx/

3/11

1/29/2014

HTML 5 paso a paso

CSS4 Por ltimo, y para concluir la charla, Christian coment cual es el futuro del CSS, y no es ms que la prxima versin: CSS4. Ya se est empezando a hablar de cuales son las nuevas caractersticas que nos ofrecer la W3C con esta versin. Entre algunas de las que se comentaron estn: Nueva api para Vibracin destinada a realizar webs para dispositivos mviles. Nuevos selectores que nos permitirn elegir un elemento de nuestro DOM mucho ms preciso. Elemento Matches. Pero CSS4 hoy da no es una realidad, es el futuro, y por lo tanto, tendremos que estar muy atentos para que la tecnologa no nos deje atrs.

Publicado por Sergio Raposo Vargas en 2:52 Etiquetas: CSS3, CSS4

10 comentarios

mircoles, 10 de agosto de 2011

div, section y article

Quizs, lo ms repetido desde que comenzamos a trabajar con HTML5 es que esta nueva versin nos ofrece la posibilidad de dotar de semntica a los contenidos de una web . Para ello dos nuevos elementos han aparecido: section y article . Pero, realmente conocemos como y cuando debemos usarlos? Y tenemos claro que lo diferencia del antiguo (y todava vlido) div . Pues bien, voy a intentar explicar los posibles usos de cada uno y dar los suficientes ejemplos para que lleguis a comprender mejor las diferencias entre estas etiquetas.

div
La etiqueta div sigue funcionando exactamente igual que lo haca hasta el momento. Lo usaremos para definir bloques sin ningn tipo de significado, normalmente bloques que usaremos para maquetar correctamente la pgina o para agrupar elementos en principio sin querer dar un significado especfico. Este etiqueta era la ms usada en HTML 4 y nos serva tanto para representar un artculo como para la cabecera o el pie de la pgina usando tan solo el atributo id para diferenciarlos sin dar significado ninguno a los contenidos.

article
Esta etiqueta ser usada para representar un contenido especfico de nuestra web. Puede representar un artculo, ya sea un artculo de opinin, un entrada en un blog, un comentario en un foro, una noticia, una descarga, o simplemente un contenido esttico de una web como el tpico quienes somos o a qu nos dedicamos. Para que entendis mejor esta etiqueta, la usaremos para representar el contenido tpico que se publica en una RSS. Por lo tanto, este tipo de contenido tiene un alto valor semntico ya que aporta informacin relevante dentro de nuestro documento. Este elemento debera tener principalmente un ttulo (un header con un h1-h6) y podra tener un footer (con la fecha de publicacin, el autor o cualquier otra informacin adicional) y un cuerpo con el detalle. Por ejemplo, en el caso de mostrar un listado de noticias, lo que estaremos listando ser un listado de elementos article.

section
La etiqueta section es quizs la ms difcil de comprender. En principio se usa para representar un bloque de nuestra pgina que tiene valor semntico, es decir, que aporta un significado a la pgina. Realmente si tenemos que clasificar por la importancia del significado, el ranking sera: article sera la etiqueta que contiene la informacin ms relevante, section la que contiene informacin menos relevante, y div que contiene informacin que no aporta significado ninguno.
http://html5pasoapaso.blogspot.mx/ 4/11

1/29/2014

HTML 5 paso a paso

Bien, vamos a intentar poner ejemplos de uso: Listado de noticias: Antes hemos comentado que un listado de noticias ser un listado de elementos article, pero, cmo representamos este listado? Pues la mejor forma ser con la etiqueta section. Este listado quedara aproximadamente: < s e c t i o n > < h e a d e r > < h 1 > L i s t a d od en o t i c i a s < / h 1 > < / h e a d e r > < a r t i c l e > < h e a d e r > < h 2 > N o t i c i a1 < / h 2 > < / h e a d e r > < / a r t i c l e > < a r t i c l e > < h e a d e r > < h 2 > N o t i c i a2 < / h 2 > < / h e a d e r > < / a r t i c l e > < a r t i c l e > < h e a d e r > < h 2 > N o t i c i a3 < / h 2 > < / h e a d e r > < / a r t i c l e > < / s e c t i o n >

Bloque principal de la pgina: Imaginaros por ejemplo una portada que tiene una zona destacada en la que se muestra una introduccin. Este bloque de contenido podra ser perfectamente un bloque section. Separar elementos dentro de un artculo : Cuando se trata de un artculo muy completo podramos estructurar la informacin por secciones. Por ejemplo, un articulo separado en Introduccin, Desarrollo y Conclusin estara formado por 3 section, uno para cada bloque. Igualmente podramos usarlo para agrupar una galera de imgenes asociada al contenido o incluso un listado de enlaces relacionados directamente con el artculo. < a r t i c l e > < h e a d e r > < h 1 > A r t c u l o < / h 1 > < / h e a d e r > < s e c t i o n > < h e a d e r > < h 2 > I n t r o d u c c i n < / h 2 > < / h e a d e r > T E X T O< / s e c t i o n > < s e c t i o n > < h e a d e r > < h 2 > D e s a r r o l l o < / h 2 > < / h e a d e r > T E X T O< / s e c t i o n > < s e c t i o n > < h e a d e r > < h 2 > C o n c l u s i o n e s < / h 2 > < / h e a d e r > T E X T O< / s e c t i o n > < s e c t i o n > < h e a d e r > < h 2 > G a l e r ad ei m g e n e s < / h 2 > < / h e a d e r > T E X T O< / s e c t i o n > < / a r t i c l e > Un aspecto importante de la etiqueta section es que debe tener un ttulo. Tal y como hemos comentado en otros artculos de este blog, la etiqueta section crea una seccin de manera explcita en el outline del documento, por lo tanto debemos siempre asignarle un encabezado (h1-h6) ya que si no se le aplicar directamente untitle . Por lo tanto, una buena forma de identificar cuando es necesario usar una etiqueta section es cuando tengamos la necesidad de aplicar un encabezado. Si os dedicis a investigar un poco por ah veris como hay opiniones para todos los gustos. Hay quien dice que el elemento section debera ser quien contiene al article, y otros dicen todo lo contrario, que article es quien debe contener a section. Lo cierto es que la documentacin oficial no aclara mucho sobre el tema y lo deja abierto a posibles interpretaciones. Solo el tiempo dir como lo acaba utilizando la gente, pero desde luego, yo creo que realmente ambos estn en lo cierto. La etiqueta section abre un gran abanico de posibilidades y nos permite usarlo de muchas maneras, en algunos casos ser el padre de article (como por ejemplo en el caso del listado de noticias) y en otros ser el hijo de article (como en el caso del articulo fraccionado en bloques). Por lo tanto, pensad antes de usar una etiqueta u otra que tiene ms sentido usar en base a la informacin que estamos representando. Espero en un futuro aportar ms ejemplos conforme se me vayan ocurriendo. Si queris aportar vuestra experiencia no dudis en comentar lo que queris.
Publicado por Sergio Raposo Vargas en 5:04 Etiquetas: Etiquetas, Secciones, Semntica 20 comentarios

http://html5pasoapaso.blogspot.mx/

5/11

1/29/2014
viernes, 5 de agosto de 2011

HTML 5 paso a paso

Header y Footer
Bueno, va siendo hora de seguir repasando alguno de los nuevos elementos introducidos por HTML5. En este caso le toca el turno a las etiquetas header y footer . Header La etiqueta header sirve para mostrar informacin de cabecera til para un documento u otras secciones principales. Tpicamente se utiliza para agregar encabezados, es decir, h1-h6 que definen el ttulo y subttulos de la seccin, aunque tambin se puede utilizar para dar informacin sobre fechas de publicacin, versiones del contenido mostrado, o enlaces de navegacin dentro del documento (por ejemplo, enlaces a la home, informacin de contacto, o al mapa web de una pgina). A pesar del nombre de la etiqueta, sta no tiene porque ir situado al principio del HTML, sino que puede estar posicionado en cualquier posicin dentro de nuestro documento. Ej: < h e a d e r > < h 1 > B l o g :H T M L 5P a s oap a s o < / h 1 > < p > M in o m b r ee sS e r g i oR a p o s oV a r g a s < / p > < / h e a d e r > Footer La etiqueta footer representa el pie de un documento o seccin. La informacin que se suele aadir en este bloque es el autor del documento, enlaces a contenido relacionado, informacin de copyright, avisos legales, etc. Igualmente podremos agregar al pie informacin de contacto. Recordar que para ello disponemos de otra etiqueta llamada address. Al igual que en la etiqueta anterior, a pesar de su nombre, este elemento no tiene porque ir al final del documento o seccin aunque suele ser lo ms normal. Ej: < f o o t e r > E s t ed o c u m e n t of u ee s c r i t oe n2 0 1 1 . < / f o o t e r >
Publicado por Sergio Raposo Vargas en 5:41 Etiquetas: Etiquetas, Semntica 6 comentarios

domingo, 27 de marzo de 2011

Analizando una web. Parte I

En este post voy a intentar analizar una web construida en 3 columnas que existe actualmente y est programada en HTML4 y como se hara pensando en el nuevo estndar. El ejemplo que vamos a tomar como base es la web de una comunidad de la cual soy administrador: www.opencmshispano.com. Para empezar con el anlisis vamos a tomar como base la portada de la web. A continuacin podis ver como es actualmente:

http://html5pasoapaso.blogspot.mx/

6/11

1/29/2014

HTML 5 paso a paso

Lo primero que debemos pensar es buscar los distintos bloques a nivel semntico definidos por HTML5 en la web, para ello en la siguiente imagen he sealado los bloques de distintos colores . En rojo tenis la cabecera y el pie, en naranja los bloques de navegacin "nav" y en verde las distintas secciones "section".

http://html5pasoapaso.blogspot.mx/

7/11

1/29/2014

HTML 5 paso a paso

Como podis ver, en esta pantalla principal del portal tenemos numerosas secciones, digamos que seran como las secciones principal del portal. Cada una de ellas tiene un significado y todas ellas podran tener un ttulo de encabezado. En ningn caso ninguna de ellas se encuentran relacionadas. Las secciones detectadas son: Listado de noticias principal Listado de articulos de Technology For Solutions 2 bloques de listado de banners Un bloque de las ltimas entradas en el blog Un bloque de enlaces de inters relacionados con la comunidad. Igualmente podemos ver como hemos detectados 4 bloques de navegacin: Men principal situado en la columna de la izquierda. Men de acceso rpido a las herramientas adicionales a la web como son el foro, el blog y las FAQ Men de navegacin a otras secciones de la web basadas en iconos, como son el link a la home, al mapa web, al formulario de contacto y las RSS Enlaces en el pie a los textos legales que suelen acompaar a todas las web con las normas de uso y la poltica de privacidad. Por ltimo, los dos bloques quizs ms claros de todos, la cabecera y el pie, comunes en todas las pginas y donde introduciremos informacin relevante del portal como el nombre de la comundiad, la publicidad principal del portal o los agradecimientos situados en el pie. Hasta el momento hemos comentado la divisin "semntica" del portal, pero evidentemente existe otro tipo de divisin, la visual. Como vemos la web est estructurada en 3 columnas, para ellos, y salvo que se me escape, tenemos que seguir usando los divs para la creacin de este tipo de bloques visuales. Para ello tendremos un div general que englobar a toda la
http://html5pasoapaso.blogspot.mx/ 8/11

1/29/2014

HTML 5 paso a paso

zona del centro, y un div por cada columna. Si fuera necesario aadir ms div por temas de maquetacin no tendremos problemas ya que este elemento lo podemos seguir usando como hasta ahora. Por lo tanto la divisin visual de la web sera:

Bueno hasta aqu hemos visto como se organiza de forma esquematizada una web siguiendo el nuevo estandar HTML5, para prximos post analizaremos con detalle cada uno de los sectores detectados y las pginas interiores como el detalle de una noticia, o el listado de artculos y tutoriales. Espero vuestros comentarios al respecto, si creis que mi interpretacin y separacin no es del todo correcta podemos comentarla para que entre todos lleguemos a sacar unas conclusiones definitivas.
Publicado por Sergio Raposo Vargas en 5:08 4 comentarios

lunes, 21 de marzo de 2011

Para que nos sirve HTML5!!

Que de tiempo sin escribir ... Bueno, espero recuperar la dinmica de actualizar este blog, es una iniciativa que la verdad que me gustara mantener. Hoy quera escribir sobre una pregunta que se me ha ocurrido, y es: Para que nos sirve HTML5? Supongo que cualquiera que haya visto algo del nuevo estndar de HTML podr darme algunas respuestas. Sinceramente cuando empec a leer informacin la ilusin era tremenda,
http://html5pasoapaso.blogspot.mx/ 9/11

1/29/2014

HTML 5 paso a paso

pareca que HTML5 iba a dar un vuelco al concepto de web que tenemos hoy da. Conforme segu avanzando me di cuenta que, efectivamente HTML5 era un gran cambio, pero quizs no era el cambio definitivo (quizs el que necesitbamos realmente). Aun as, y tras recuperar un poco del bajn sufrido, creo que HTML5 va a traer multitud de cosas buenas, y la principal de todas es la desaparicin paulatina de los navegadores antiguos, principalmente de IE6. Nada ms que por eso se merece un aplauso y un seguimiento incondicional. Pero nos va a ofrecer mucho ms, la cada del flash, el fin de los div (para organizar la estructura de nuestras pginas), el fin de las cookies como las conocemos, ms posibilidades multimedia, ms semntica a nuestros contenidos, .... Poco a poco ir comentando aquellos elementos que me vayan llamando la atencin, principalmente los nuevos elementos creados y los que han pasado a mejor vida.
Publicado por Sergio Raposo Vargas en 13:11 Etiquetas: Internet Explorer, Navegadores 14 comentarios

domingo, 14 de noviembre de 2010

Character Encoding en HTML

La codificacin en la web ha sido uno de los grandes problemas que todo programador web se habr encontrado en algn punto de su carrera. Sobre todo cuando los contenidos de la web son gestionados por gestores de contenido la codificacin todava es ms complicada, depender de la codificacin con la que se guarda la informacin, y con la que se muestra posteriormente. En HTML existe 2 caminos de definir el encoding del documento:

Configuracin en la cabecera HTTP: C o n t e n t T y p e :t e x t / h t m l ;c h a r s e t = " u t f 8 " .Esta configuracin se realiza a nivel del servidor, el principal problema de esta opcin es que no todo el mundo tiene libertad para manipular esta configuracin, imaginaros por ejemplo los blogs como el mo que est instalado en los servidores de blogger (google) donde no tenemos esta posibilidad. Configuracin con metatags: < m e t ah t t p e q u i v = " C o n t e n t T y p e "c o n t e n t = " t e x t / h t m l ;
c h a r s e t = u t f 8 " > . Esta configuracin va directamente en el document HTML de la

pgina, el cual ya si es gestionado por nosotros mismos y tenemos la opcin de modificar. Ambos caminos dan el mismo resultado y la finalidad es la misma, pero es muy importante usar uno u otro sistema, pero nunca dejar sin definir el character encoding de nuestros documentos html ya que sino puede traer bastantes problemas de seguridad. Una buena prctica es definir por defecto un encoding en las cabecera HTTP, es decir, una codificacin estndar en nuestros servidores web y en los casos que sea necesaria redefinirla usando el metatags. Siempre va a prevalecer el metatags por encima de la cabecera HTTP. HTML5 no ha cambiado nada respecto a la configuracin del encoding, y todo lo comentado hasta ahora es vlido para la nueva versin del estndar. Lo nico que se ha modificado ha sido la forma de especificarlo con el metatags, donde se ha comprimido y simplificada la linea, de forma que ahora tan solo debemos poner:
< m e t ac h a r s e t = " u t f 8 "/ >

Para otro da comentar otros problemas derivado del encoding ms orientado a la gestin de los contenidos y la forma de presentar la informacin.

Publicado por Sergio Raposo Vargas en 5:05 Etiquetas: Encoding

2 comentarios

http://html5pasoapaso.blogspot.mx/

10/11

1/29/2014

HTML 5 paso a paso

Pgina principal

Entradas antiguas

(c) Copyright 2010 HTML 5 paso a paso .

Visita OpenCms Hispano

http://html5pasoapaso.blogspot.mx/

11/11