El desarrollo de html5
El nombre original del borrador HTML5 es Aplicaciones Web 1.0. Fue propuesto por WHATWG en 2004 y aceptado por el W3C en 2007, y se estableció un nuevo grupo de trabajo HTML.
El primer borrador oficial de HTML 5 se publicó el 22 de junio de 2008. HTML5 todavía está en proceso de mejora. Sin embargo, la mayoría de los navegadores modernos ya son compatibles con HTML5.
El 17 de diciembre de 2012, el Consorcio World Wide Web (W3C) anunció oficialmente que la especificación HTML5, que ha reunido los esfuerzos de un gran número de trabajadores web, se ha finalizado oficialmente. Según la declaración del W3C, "HTML5 es la piedra angular de la plataforma web abierta".
El 6 de mayo de 2013, se publicó el borrador oficial de HTML 5.1. La especificación define su quinta versión principal, la primera que requiere una revisión del lenguaje central de la World Wide Web: el lenguaje de marcado de hipertexto (HTML). En esta versión, se introducen continuamente nuevas funciones para ayudar a los autores de aplicaciones web a mejorar la interoperabilidad de nuevos elementos.
Desde la publicación de este borrador, el 27 de febrero de 2065 438+02 12, se han realizado casi cien cambios, incluidas etiquetas HTML y XHTML, API relacionadas, Canvas, etc. Al mismo tiempo, también se mejoraron las etiquetas img y svg de las imágenes HTML5 y se mejoró aún más el rendimiento.
Los navegadores compatibles con Html5 incluyen Firefox, IE9 y superiores, Chrome, Safari, Opera, etc. Los navegadores nacionales como Maxthon, 360 Browser, Sogou Browser, QQ Browser y Cheetah Browser basados en IE o Chrome (Chrome Engineering Edition o Experimental Chrome) también tienen la capacidad de admitir HTML5.
Solo hay dos formas de desarrollar aplicaciones HTML5 en dispositivos móviles: usar toda la sintaxis de HTML5 o usar solo el motor JavaScript.
La forma en que está construido el motor JavaScript hace posible la creación de juegos web móviles. Debido a la complejidad de la capa de interfaz, se ha reservado para su uso un conjunto de herramientas de interfaz de usuario.
Las aplicaciones móviles HTML5 puras son lentas y están llenas de errores, pero el efecto mejorará después de la optimización. Aunque no mucha gente está dispuesta a realizar dicha optimización, aún puedes intentarlo.
La mayor ventaja de las aplicaciones móviles HTML5 es que se pueden depurar y modificar directamente en la página web. Es posible que los desarrolladores de la aplicación original deban dedicar mucho esfuerzo para lograr el efecto de HTML5 y repetir constantemente la codificación, la depuración y la ejecución. Este es el primer problema a resolver. Por lo tanto, muchos clientes de revistas móviles se basan en el estándar HTML5, que es fácil de depurar y modificar para los desarrolladores.
El 29 de octubre de 2014, la World Wide Web Alliance anunció entre lágrimas que después de casi 8 años de arduo trabajo, la especificación estándar HTML5 finalmente se finalizó y se lanzó al público.
En los últimos años, muchos desarrolladores han utilizado sucesivamente algunas tecnologías de HTML5. Firefox, Google Chrome, Opera, Safari 4+ e Internet Explorer 9+ son compatibles con HTML5, pero no vimos la "versión oficial" hasta hoy.
HTML5 reemplazará los estándares HTML 4.01 y XHTML 1.0 establecidos en 1999 para hacer que los estándares web satisfagan las necesidades de la web contemporánea, llevando sin problemas contenido enriquecido a las plataformas móviles y de escritorio.
El Dr. Jeff Jaffe, director ejecutivo del W3C, afirmó: "HTML5 impulsará la web hacia una nueva era. No hace mucho, la web consistía simplemente en explorar algunos archivos básicos en línea, pero ahora, la web es una herramienta muy rica". Hemos entrado en una etapa estable en la que todos pueden actuar según estándares que funcionan en todos los navegadores. Si no trabajamos juntos, no habrá una web unificada".
También se espera que HTML5 lo sea. La piedra angular del sueño de una "plataforma web abierta" puede promover aún más las aplicaciones web multiplataforma.
A continuación, el W3C trabajará en el desarrollo de estándares y especificaciones para comunicaciones en tiempo real, pagos electrónicos y desarrollo de aplicaciones, y también creará una serie de medidas de protección de la privacidad y la seguridad.
El W3C también reveló en 2012 que planeaba lanzar HTML 5.1 antes de finales de 2016. HTML5 está diseñado para admitir multimedia en dispositivos móviles. Se han introducido nuevas funciones de sintaxis para respaldar esto, como etiquetas de video, audio y lienzo. HTML5 también introduce nuevas características que realmente cambian la forma en que los usuarios interactúan con los documentos, incluyendo:
Las nuevas reglas de análisis aumentan la flexibilidad.
Nuevos atributos
Eliminar atributos obsoletos o redundantes.
Funcionalidad de arrastrar y soltar de un documento HTML5 a otro.
Edición sin conexión
Entrega de mensajes mejorada
Reglas de análisis detalladas
Extensiones multipropósito de correo de Internet (MIME) y registro de controlador de protocolos
Estándar común para almacenar datos en bases de datos SQL (Web SQL)
En 2007, HTML5 fue adoptado por un nuevo grupo de trabajo del World Wide Web Consortium (W3C). Este grupo de trabajo publicó el primer borrador público de HTML 5 en junio de 2008. HTML5 se encuentra actualmente en estado de "llamada a revisión" y el W3C espera alcanzar su estado final a finales de 2014. Características semánticas (clase: semántica)
HTML5 proporciona a las páginas web un mejor significado y estructura. Etiquetas más ricas, impulsadas por RDFa, microdatos y microformatos, construirán una Web basada en datos que será más valiosa para los programas y usuarios.
Funciones de almacenamiento local (categoría: fuera de línea y almacenamiento)
Las aplicaciones de páginas web desarrolladas en base a HTML5 tienen un tiempo de inicio más corto y velocidades de red más rápidas, todo gracias al almacenamiento en caché de aplicaciones HTML5 y a las capacidades de almacenamiento local. Base de datos indexada (una de las tecnologías más importantes para el almacenamiento local HTML 5) y documentación API.
Función de compatibilidad de dispositivos (Categoría: Acceso a dispositivos)
Desde el lanzamiento del documento API de la función de geolocalización, HTML5 ha proporcionado a los desarrolladores de aplicaciones web más opciones de optimización de funciones, brindando más funciones de experiencia. . HTML5 proporciona una interfaz abierta sin precedentes para el acceso a datos y aplicaciones. Permite que las aplicaciones externas se conecten directamente a los datos dentro del navegador, como el video y el audio, que se pueden conectar directamente al micrófono y la cámara.
Conectividad (Categoría: Conectividad)
Una eficiencia de conexión más efectiva permite un chat en tiempo real basado en páginas, una experiencia de juego web más rápida y una comunicación en línea más optimizada. HTML5 tiene tecnologías de inserción de servidor más efectivas, Server-Sent Event y WebSockets son dos de ellas, que pueden ayudarnos a "enviar" datos desde el servidor al cliente.
Funciones multimedia de páginas web (categoría: multimedia)
Admite funciones multimedia como audio y vídeo en páginas web, que complementan las funciones de aplicación, cámara y audio y vídeo de la sitio web.
Funciones tridimensionales, gráficos y efectos especiales (Clase: 3D, gráficos y efectos)
Los usuarios se sorprenderán con las funciones 3D del navegador basadas en SVG, Canvas, WebGL y CSS3 Se presentan increíbles efectos visuales.
Funciones de rendimiento e integración (Categoría: Rendimiento e integración)
Ningún usuario esperará eternamente a que usted cargue: HTML 5 resolverá problemas anteriores entre dominios a través de tecnologías como XMLHttpRequest2. ayudando a que sus aplicaciones web y sitios web funcionen más rápido en diversos entornos.
Características de CSS3 (Categoría: CSS3)
CS3 proporciona más estilos y efectos más potentes sin sacrificar el rendimiento y la estructura semántica. Además, el formato de fuente abierto (WOFF) para páginas web también proporciona mayor flexibilidad y control en comparación con los diseños de páginas web anteriores. HTML5 proporciona algunos elementos y atributos nuevos, como
1, y cancela algunas etiquetas HTML4 obsoletas.
Estos incluyen etiquetas utilizadas exclusivamente para efectos de visualización, como
HTML5 incorpora algunas de las recomendaciones de XHTML2, incluidas algunas características que mejoran la estructura del documento. Por ejemplo, utilice nuevas etiquetas HTML como encabezados, pies de página, cuadros de diálogo, narraciones, ilustraciones, etc. Permitirá a los creadores de contenido crear documentos de forma más semántica. En el pasado, los desarrolladores solían utilizar divs para implementar estas funciones.
2. Separar el contenido de la presentación.
Las etiquetas b e I aún se conservan, pero sus significados son diferentes a los anteriores. El propósito de estas etiquetas es únicamente identificar un fragmento de texto, no ponerlo en negrita o cursiva. Las etiquetas u, fuente, centro y strike se han eliminado por completo.
3. Algunos objetos de entrada de formulario nuevos
Incluidas fechas, URL y direcciones de correo electrónico, y otros objetos han agregado soporte para caracteres no latinos. HTML5 también introduce microdatos, un método para etiquetar contenido con etiquetas legibles por máquina, lo que facilita el trabajo con la Web Semántica. En conjunto, estas mejoras estructurales permiten a los creadores de contenido crear páginas web más limpias y manejables que son más amigables para los motores de búsqueda y el software de lectura de pantalla.
4. Una etiqueta nueva y más razonable
Los objetos multimedia ya no estarán vinculados en etiquetas de objeto o incrustadas, pero los videos tendrán etiquetas de video y el audio tendrá etiquetas de audio.
5. Base de datos local
Esta función incorporará una base de datos SQL local para acelerar las funciones interactivas de búsqueda, almacenamiento en caché e indexación. Al mismo tiempo, esos programas web fuera de línea también se beneficiarán enormemente. No se necesitan complementos de animación enriquecidos.
6. Objeto Canvas
Le brindará al navegador la capacidad de dibujar gráficos vectoriales directamente en él, lo que significa que los usuarios pueden mostrar gráficos o animaciones directamente en el navegador, sin necesidad de hacerlo. Flash y Silverlight.
7. Programas reales en el navegador
Se proporcionarán API para implementar la edición, arrastrar y soltar y varias interfaces gráficas de usuario en el navegador. Las etiquetas de modificación de contenido se eliminarán y se reemplazarán con CSS.
8.Html5 ha sustituido a Flash en dispositivos móviles.
9. Sus características destacadas son la presentación mejorada de páginas web y la adición de bases de datos locales. Se ha completado el desarrollo de las especificaciones HTML5 y Canvas 2D. Aunque no son estándares del W3C, estas especificaciones son completamente funcionales y las empresas y los desarrolladores tienen objetivos de implementación y planificación estables.
Jeff Jaffe, director ejecutivo del W3C, dijo: "A partir de hoy, los usuarios empresariales pueden saber claramente que pueden confiar en HTML5 en el futuro". Es un entorno de programación completo para aplicaciones multiplataforma, herramientas de publicación de contenido digital para video y animación, gráficos, estilos, tipografía y una amplia funcionalidad web.
Para reducir la fragmentación del navegador y permitir la aplicación de todas las herramientas HTML, el W3C comenzó hoy la interoperabilidad y las pruebas estandarizadas del W3C. Como se anunció anteriormente, el W3C planea completar el estándar HTML5 en 2014.
El grupo de trabajo HTML también publicó borradores de HTML5.1, contexto HTML Canvas 2D, nivel 2 y elementos principales para permitir a los desarrolladores obtener una vista previa de la próxima ronda de estándares por adelantado. Puede romper Flash.
Muchas personas en la industria dicen que HTML eventualmente reemplazará a los núcleos abiertos, como Flash de Adobe, pero aún no es el momento a corto plazo. Se estima que HTML5 no madurará hasta 2014 y llevará algún tiempo convertir completamente el desarrollo web existente que utiliza Flash a HTML5. Si bien HTML5 ofrece muchas ventajas, puede haber algunas aplicaciones que se adapten mejor a un marco más flexible. Algunas empresas importantes están recurriendo gradualmente a HTML5 2065438+El 26 de febrero de 2005, Google comenzó a convertir automáticamente anuncios Flash al formato HTML5, lo que puede acelerar el proceso de sustitución de Flash por HTML5, pero este proceso de conversión no ocurre de la noche a la mañana.
Sólo porque sea nuevo no significa que sea seguro.
Los ingenieros de desarrollo de aplicaciones web deben tener en cuenta la seguridad de la red mientras aprenden nuevas tecnologías. Las páginas web creadas en HTML5 son tan propensas a filtrar datos confidenciales como las páginas web escritas en otros idiomas. La Agencia Europea de Seguridad de las Redes y de la Información (ENISA) ha advertido que HTML5 puede no ser lo suficientemente seguro.
Promete una red perfecta.
HTML5 propiciará una web unificada. Ya sea una computadora portátil, una computadora de escritorio o un teléfono inteligente, navegar por sitios web basados en HTML5 debería ser muy conveniente. Por lo tanto, al diseñar un sitio web, los desarrolladores deben reconsiderar factores como la experiencia del usuario, la navegación del sitio web, la estructura del sitio web, etc., para que el sitio web pueda usarse universalmente en cualquier dispositivo de hardware.
Se convertirá en una plataforma SaaS para empresas.
Algunas empresas de peso, como Microsoft, Salesforce y SAP Sybase, están desarrollando herramientas de desarrollo HTML5. Si está creando aplicaciones empresariales, probablemente utilizará HTML5 en un futuro próximo. Entonces, al desarrollar la estrategia de migración SaaS de su empresa, no olvide HTML5.
Será muy flexible.
Casi todo el mundo está interesado en desarrollar aplicaciones móviles independientes, pero es probable que HTML5 sea el fin de las aplicaciones móviles independientes. Debido a que HTML5 agrega directamente la funcionalidad de la aplicación a su núcleo, es probable que lleve la tendencia de la tecnología móvil de regreso a la era de los navegadores. HTML5 permite a los desarrolladores desarrollar aplicaciones en el navegador (móvil), por lo que si está desarrollando una estrategia de desarrollo a largo plazo para aplicaciones móviles o de escritorio, es posible que desee considerar esto. En marzo de 2013, se descubrió una falla en el lenguaje de marcado HTML5: permitía a los sitios web bombardear a los usuarios con gigabytes de datos basura, llegando incluso a llenar los discos duros en poco tiempo. Muchos de los principales navegadores se ven afectados por esto.
La vulnerabilidad fue descubierta por primera vez por un desarrollador llamado Feroz Abakhadija. Dijo que la mayoría de los principales navegadores web se verán afectados, incluidos Apple Safari, Google Chrome, Microsoft IE y Opera. Lo único que impide que se carguen grandes cantidades de datos es el navegador Firefox de Mozilla, que tiene un límite de almacenamiento de datos de 5 MB.
La raíz de este problema radica en la forma en que HTML5 almacena los datos locales. Si bien cada navegador tiene diferentes parámetros de almacenamiento, muchos admiten un límite definido por el usuario de al menos 2,5 MB de datos que se almacenarán en la computadora del usuario.
Abercrombie Hadijaha encontró una manera de evitar los límites de datos creando varios sitios web temporales vinculados a los sitios que visitaban los usuarios.
Como la mayoría de los navegadores no cuentan esta contingencia, los sitios secundarios también pueden almacenar tantos datos como el sitio principal. Al generar grandes cantidades de sitios web de este tipo, la vulnerabilidad podría cargar grandes cantidades de datos en una computadora afectada.
Mientras probaba esta vulnerabilidad, Albuquerque Hadijaha pudo cargar 16 GB de datos en su MacBook Pro SSD cada 16 segundos. Señaló que los navegadores de 32 bits como Chrome pueden fallar antes de que el disco duro esté lleno. "Algunos sitios web que utilizan código inteligente en realidad eliminan las restricciones sobre la cantidad de datos que se pueden almacenar en las computadoras de los usuarios", dijo Aberkadi Jha. Abercrombie Hadijaha lanzó un conjunto de código que explota la vulnerabilidad y creó un sitio web dedicado llamado Filldisk para resaltar la vulnerabilidad. Los estándares web
El propio HTML5 es recomendado por el W3C, y su desarrollo es una tecnología elaborada por cientos de empresas como Google, Apple, Nokia y China Mobile. La mayor ventaja de esta tecnología es que es una tecnología abierta. En otras palabras, cada estándar publicado puede rastrearse hasta la base de datos del W3C. Por otro lado, el estándar HTML5 adoptado por el W3C significa que cada navegador o cada plataforma lo implementará.
Multidispositivo y multiplataforma
La principal ventaja de utilizar HTML5 es que la tecnología se puede utilizar en todas las plataformas. Por ejemplo, si desarrolla un juego HTML5, puede trasplantarlo fácilmente a la plataforma abierta de UC, el Game Center de Opera, la plataforma de aplicaciones de Facebook e incluso distribuirse a App Store o Google Play a través de tecnología de empaquetado, por lo que es muy multiplataforma. , que es también la razón principal por la que la mayoría de la gente está interesada en HTML5.
Diseño web adaptativo
La gente ha imaginado durante mucho tiempo que es posible "diseñar una vez y aplicar universalmente", permitiendo que la misma página web se adapte automáticamente a pantallas de diferentes tamaños y se ajuste automáticamente. el diseño según el ancho de la pantalla.
En 2010, Ethan Marcotte propuso el término "diseño web adaptativo", que se refiere a un diseño web que puede reconocer automáticamente el ancho de la pantalla y realizar los ajustes correspondientes.
Esto resuelve la situación tradicional de los sitios web que ofrecen diferentes páginas para diferentes dispositivos, como versiones móviles o versiones de iPhone/iPad. Esto definitivamente puede garantizar el efecto, pero es más problemático y requiere mantener varias versiones al mismo tiempo. Además, si un sitio web tiene varios portales, esto aumentará considerablemente la complejidad del diseño arquitectónico.
Actualizaciones instantáneas
El cliente del juego debe actualizarse cada vez, lo cual es muy problemático. Sin embargo, actualizar un juego HTML5 es como actualizar una página, es una actualización inmediata e instantánea.
Resumen HTML5 tiene las siguientes ventajas:
1. Mejora la usabilidad y la experiencia de usuario.
2. Hay varias etiquetas nuevas que ayudarán a los desarrolladores. definir contenido importante
3. Puede traer más elementos multimedia (video y audio) al sitio web
4. Puede ser una buena alternativa a FLASH y Silverlight; p>
5. Cuando se trata de rastreo e indexación de sitios web, es muy amigable para el SEO;
6. Se usará ampliamente en aplicaciones y juegos móviles;
7. Buena portabilidad.
Desventajas:
Los navegadores no soportan del todo este estándar. Debido a la introducción de nuevas etiquetas, faltará un formato de descripción de datos unificado entre los navegadores, lo que dará como resultado una mala experiencia del usuario. Después del nacimiento de HTML5, se estableció el principio de que todas las tecnologías deben ser abiertas y no debe haber restricciones de patentes. Durante este periodo, Opera donó tecnología CSS y Google proporcionó el formato de vídeo WebM.
Se puede decir que la mayoría de los protocolos HTML han llegado a un consenso entre muchas empresas de tecnología de redes, pero en términos de formatos de video, las principales empresas de Internet de todo el mundo están debatiendo estándares específicos, que pueden afectar el desvío de HTML5. estándar. Los dos campos principales en disputa son Opera, Firefox, Google, etc. , el otro campo está liderado por Apple.
El campo MPEG cree que el formato WebM tiene protección de patente, lo que viola el principio de que todas las tecnologías HTML5 deben ser abiertas. El campo MPEG trata más sobre el uso de este formato de video. Una vez que se desarrolle la especificación HTML5, se generalizará.
Según las estadísticas, en 2013, habrá mil millones de navegadores móviles en el mundo compatibles con HTML5, y el número de desarrolladores web HTML alcanzará los 2 millones. No hay duda de que HTML5 se convertirá en el actor dominante en el campo de Internet móvil en los próximos 5 a 10 años.
El informe de la encuesta de IDC muestra que en mayo de 2012, el 79% de los desarrolladores móviles han decidido integrar la tecnología HTML5 en sus aplicaciones.
En febrero de 65438, el World Wide Web Consortium anunció la finalización de la formulación del estándar HTML5 y el borrador de rendimiento Canvas 2D, lo que significa que los desarrolladores tendrán un objetivo estable de "planificación e implementación". Hay muchos artículos que recomiendan el uso de HTML5 y promocionan sus beneficios. Webmaster Home realizó una encuesta anteriormente y los resultados mostraron que solo el 36,16% de los webmasters están aprendiendo y otro 63,76% de los webmasters dijeron que están mirando.
Como webmaster, ¿estás preparado para empezar a aprender HTML5?
Desde una perspectiva de rendimiento, HTML5 primero reduce los documentos HTML, haciéndolos más fáciles. En términos de legibilidad para el usuario, hay muchas cosas que los principiantes no pueden entender a primera vista, pero el método de declaración de HTML5 es obviamente más fácil de usar. 1. Móvil primero
Sabemos por la interminable aparición de aplicaciones móviles que en esta era de explosión de teléfonos inteligentes y tabletas, el móvil primero se ha convertido en una tendencia, sin importar lo que se desarrolle, es principalmente móvil.
2. Los desarrolladores de juegos lideran el "papel protagonista"
Muchos desarrolladores de juegos están impulsados por Facebook o Zynga, y el futuro ecosistema de aplicaciones de Facebook se basa en HTML5. Aunque es muy difícil desarrollar juegos en la plataforma HTML 5, los desarrolladores de juegos están dispuestos a hacerlo. También es una forma de empaquetar e integrar juegos de aplicaciones web en aplicaciones nativas a través de PhoneGap y XDK de appmobi. Facebook prácticamente ha hecho eso: basándose en aplicaciones web y navegadores, pero empaquetándolos e integrándolos en aplicaciones nativas.
Plan 3.2014
En septiembre de 2012, el W3C propuso lanzar un estándar recomendado HTML5 antes de finales de 2014 y un estándar recomendado HTML5.1 antes de finales de 2016. En la primera opción, el modelo de beneficios existente se puede trasplantar a HTML5. Hoy en día, los desarrolladores de juegos ganan mucho dinero asociándose con la App Store de Apple. De hecho, el modelo HTML5 también se puede dividir en paquetes de juegos en la App Store para ganar dinero.
La segunda solución es que los juegos HTML5 se pueden "conectar" a plataformas, como la plataforma de juegos de Opera u otras plataformas de navegador, así como a las llamadas plataformas de juegos en la nube, que son todas plataformas para nuevos modelos de ganancias. .
La tercera solución es que al discutir la relación de rendimiento entre los juegos HTML5 y las aplicaciones nativas, los desarrolladores deben considerar claramente qué tipo de juegos quieren crear HTML5 es más adecuado para juegos livianos. Además, HTML5 no es inferior a las aplicaciones nativas en términos de confidencialidad del código.
La cuarta solución, las tres primeras, son todas en forma de juegos o aplicaciones HTML5. De hecho, cualquier forma técnica es al final la misma y esencialmente sirve a las personas (incluidos individuos y empresas). Siempre que se pueda satisfacer la demanda, la combinación de negocios es la dirección de las ganancias. Por ejemplo, el sitio web WeChat, el marketing HTML5 y la subcontratación HTML5 son planes de ganancias que satisfacen las necesidades reales.