Los fundamentos de la html5

El último evolución de HTML es HTML5, que toma web saltos de diseño y limita hacia adelante. Esta generación ofrece un conjunto más amplio de elementos y propiedades - lo que permite nuevas posibilidades de interacción y diseño fresco. Debido a HTML5 también es compatible con los dispositivos de Internet móvil, se ha convertido rápidamente en el nuevo estándar y es por ahora el apoyo de todos los principales navegadores (Internet Explorer, aunque sí requiere que la página web incluye un código

calce - un segmento de código redundante escrito en una forma en que Internet Explorer puede entender).

Una solución móvil y dispositivo de usar para sitios web

Con la introducción de HTML5, una cuestión particularmente espinosa puede haber sido finalmente enterrado: el logro de los efectos de animación frescas en los dispositivos de Apple sin el uso de Flash. La plataforma de dispositivo de Apple nunca ha apoyado de Flash. Esta negativa fue más acerca de Flash acaparando los recursos de la batería y de ancho de banda de alrededor de rivalidad empresa con Adobe (los creadores de Flash). En cualquier caso, los sitios web que utilizan Flash para cualquier cosa - por ejemplo, la navegación, la interacción, o efectos de animación - serían no sólo trabajar en iPhones o iPads. HTML5 vino al rescate.

Una alternativa animación

Con la introducción de la nueva elemento en HTML5, ahora hay un recipiente (similar al elemento div CSS) que puede contener animaciones geniales javascript y funciones interactivas. Debido a que javascript es un lenguaje de programación potente y puede hacer mucho de lo que Flash puede hacer, esta combinación de lona-más-javascript presenta un enfoque alternativa real a la animación web compatible tanto en navegadores de escritorio y móviles.

La desventaja, por supuesto, es que usted tendrá que domar javascript para hacer que todo esto suceda limpio - y javascript es un lenguaje bastante robusta! La ventaja es que el cielo es el límite. Con javascript, puede crear interfaces de usuario de fantasía, dibujar diagramas con los elementos básicos de forma, escala y rotar objetos y cargar imágenes externas dentro y fuera. Para utilizar el etiqueta, se toma dos acciones: Se incluye una etiqueta en el código HTML y crear un javascript que se dirige a la lona.

Ayuda de la pantalla táctil

En los últimos años, la llegada de dispositivos de pantalla táctil ha obligado a los diseñadores para repensar la forma en que el diseño de interfaces. Los diseñadores pueden hacer uso de varias tocar eventos: Dedo en algo, dedo que se mueve a través de un elemento, y el dedo eliminado - o (en términos más técnicos) touchstart, touchmove, touchEnd y touchcancel. Estos eventos nativos HTML5 trabajan en WebKit (que son los navegadores Chrome y Safari) y permiten casi cualquier tipo de interacción dedo tales como arrastrar, pellizcar y zoom y rotar.

Geolocalización de sitios web

En el pasado, para obtener la ubicación geográfica de un usuario, usted tendría que utilizar un script de detección de IP que accede a una base de datos y hacer una conjetura razonable sobre el paradero generales del usuario y precisos a nivel regional. HTML5 es ahora compatible con la recuperación de geolocalizaciones más específicas: El uso de javascript, puede encontrar información de longitud y latitud a través de GPS (para dispositivos móviles) y la información de router Wi-Fi (para equipos portátiles y de escritorio). Incluso puede obtener la altitud y una marca de tiempo en el lugar. Por supuesto, el usuario debe estar de acuerdo en liberar esa información de ubicación.

Ahora, de longitud y latitud puntos de un usuario sólo son útiles para recuperar en el contexto de un mapa - así que tienes que integrar estos datos con Static Map API de Google.

La otra cosa a tener en cuenta es que una vez que el navegador sabe su posición, es posible realizar un seguimiento de su posición, así! Esto puede sonar Gran Hermano-ish, pero imaginar una aplicación móvil que sabe dónde se encuentra en un centro comercial y sirve cupones para tiendas de usted está en o cerca como se mueve alrededor.

Manejo de contenidos de gran alcance

Varias mejoras en HTML5 permiten a los diseñadores más control sobre varios elementos de contenido en la página. Por ejemplo, el nuevo atributo contenteditable se puede asignar a cualquier elemento que desea que el usuario pueda editar - por ejemplo, un campo de texto que tiene ejemplo de texto que el usuario puede reemplazar con el texto de propósito específico.

Otra actualización que ofrece HTML5 es una expansión para el juego de herramientas forma de diseño. Ahora puede agregar controles deslizantes alcance, un campo de búsqueda, una opción para insertar texto predeterminado en los campos de entrada, tales como encontrar libros, un calendario emergente para seleccionar la fecha, e incluso un selector de color que abre selector de color de la computadora. También, HTML5 ofrece soporte nativo para elementos de formulario requeridos. Usted puede simplemente añadir el atributo necesario a una entrada, seleccione, o área de texto. En concierto con este nuevo componente necesario, CSS le permite orientar estos campos necesarios y les da un aspecto único y siente.