Asegúrese de codificar mi sitio en HTML5
Todos saben que se trata de HTML5, ¿verdad?
La gran cantidad de información disponible en Internet y el creciente experto en tecnología de los dueños de negocios actuales está fomentando una nueva comprensión del diseño web, el desarrollo de aplicaciones, las redes sociales y más. En Brolik, amamos a un consumidor informado y realmente amamos a un cliente informado. Recientemente, sin embargo, nos han hecho una pregunta muy interesante y pueden tener una respuesta sorprendente. He escuchado a otros desarrolladores quejarse de la pregunta, y he escuchado a la gente de desarrollo de negocios explicar la respuesta incorrectamente. Do
USTED
Sepa lo que significa preguntar: "¿Puede codificar mi nuevo sitio web en HTML5?"
html y html5 ... definido
Hay algunas razones por las que pedirle a alguien que codifique "en HTML5" no es exactamente correcto. En primer lugar, HTML5 no es un nuevo lenguaje de codificación o un nuevo marco para crear sitios web. Html, o
H
YPER
T
Ext
M
Arkup
L
Anguage, es un lenguaje de codificación que es universal para la Web. Todos los navegadores web lo leen e interpretan. HTML5, para todos los efectos, es un término de argot para algunos estándares nuevos en HTML. Hay algunas etiquetas nuevas
(¿qué es una etiqueta?)
que son específicas de HTML5, pero el lenguaje sigue siendo el mismo HTML.
Antes de dar algunos ejemplos de las nuevas características que permite HTML5, asegurémonos de estar en la misma página con cómo funciona esto. El código HTML es siempre el mismo. Es un lenguaje de programación, y al igual que el español o el francés, tiene su propia estructura, sintaxis, organización, etc. Una vez que implementa un sitio web, depende de los navegadores web interpretar el código HTML y mostrarlo al usuario. Los diferentes navegadores (Internet Explorer, Safari, Chrome, Firefox, Opera, etc., todos interpretan HTML a su manera, es decir, como quieran. Entonces, cuando un desarrollador escribe una página web en HTML y la ve en Microsoft Internet Explorer, puede verse completamente diferente a verla en Google Chrome. Organizaciones independientes como
Consorcio World Wide Web
(El W3C) compila y escribe estándares sobre cómo los navegadores deben interpretar el código, pero ciertamente no hay una ley que requiera que los navegadores sigan ningún estándar. Esto es especialmente frustrante para los desarrolladores, ya que nos obliga a probar la misma línea de código en cada navegador que podemos pensar, incluidas diferentes versiones del mismo navegador. Si alguna vez ha escuchado a un desarrollador o un nerd de Internet quejarse del IE 6, es por eso. El código bellamente escrito no necesariamente se volverá correctamente en IE 6 ... es tal como es.
Los ejemplos
Comprender que hay estándares de código es un buen comienzo para comprender algo de lo que significa HTML5. Dado que la demanda de estandarización es mayor de lo que nunca ha sido, compañías que fabrican navegadores web (
Microsoft
,
Apple
,
Google
,
Mozilla || 89
) are doing their best to stick to standards. HTML5 offers up a new set of standard tags and information about how they should output and what they need to do. The new tags include better and more compatible video embedding (without Flash), more in-depth form tags, and location-based features that come into play a lot with mobile web. For example, before HTML5’s video tag, embedding a video was an iffy experience. The code to do so (without HTML5) is not well supported across different browsers, and developers are forced to add “catches” into their code so that a browser that’s confused by an “embed” tag will revert to something else that it can understand. Even Flash video players (the current standard) require coding a couple different “versions” to make sure all browsers display the content correctly. HTML5’s video tag now makes sure that one universal tag always works and always degrades in older browsers. It’s that type of standardization that separates HTML5 from other HTML.
Cuando y donde es seguro usar HTML5 ahora
HTML5 fue no oficialmente "lanzado" (o al menos popular) en abril de 2010 cuando
Steve Jobs lo llevó a la atención de la corriente principal
. Pero eso de ninguna manera significaba que todos los navegadores estaban listos para leer e interpretar las nuevas características y funcionalidad que ofrece HTML5. Actualmente, en marzo de 2011, a medida que HTML5 realmente está comenzando a retener, hay más y más lugares en los que es 100% aceptable usar las nuevas etiquetas. El lugar más destacado es la web móvil. Los nuevos teléfonos inteligentes que tienen capacidades completas de navegación de Internet están a la altura de los estándares cuando se trata de sus navegadores. No existe tal cosa (todavía) como un navegador de teléfono obsoleto porque los navegadores web de los teléfonos móviles son muy nuevos. Codificar una aplicación web móvil o un sitio web móvil es muy fácil en comparación con el salvaje de los navegadores de escritorio y las versiones de los navegadores de escritorio. Pero aparte de la web móvil, las versiones nuevas o nuevas de Safari, Chrome y Firefox están listas para aprovechar las nuevas capacidades. Internet Explorer 9, lanzado recientemente, supuestamente seguirá los estándares de Internet mejor que cualquier versión anterior de Internet Explorer.
Aquí hay información sobre cómo funciona fuera de la puerta.
pero de vuelta a la pregunta en cuestión
Espero que no haya insultado a nadie que haya pedido a un desarrollador que codifique su sitio en HTML5 porque realmente amo el interés en la web y en la tecnología en general. Mi intención aquí es aclarar las pequeñas distinciones para que no haya confusión en el futuro. Una pregunta más apropiada podría ser: "¿Podemos (y deberíamos) aprovechar las nuevas características y tecnología ofrecidas por HTML5?" Pero no olvides seguir eso con: "¿Todavía funcionará en IE 6 en Windows XP?" Por supuesto, por supuesto: "Mi oficina solo usa IE 6 y no podemos actualizar. Estoy seguro de que la mayoría de mis clientes también son de la misma manera".
*Suspiro en masa de desarrolladores de todas partes*
Más Lectura
W3C HTML5 SECPECSPECTIATIONES
Dive en HTML5, un gran recurso HTML5 ||– 109