Introducción al artículo de Wulin.com (www.vevb.com): 8 mejores prácticas para optimizar la codificación HTML5.
Todas las señales muestran que 2012 es definitivamente el año de brote de HTML 5. En cuanto a la codificación frontal, HTML ha barrido toda la industria del desarrollo web de su manera única. Se ha convertido en el más tecnológico. Como desarrollador front-end, si no aprende o comprende la codificación del sitio web HTML5, ¡entonces está fuera!
2012 es definitivamente el año en que HTML5 explota, y HTML5 ha traído mucha conveniencia a los desarrolladores/diseñadores. No solo es fácil de entender, sino que el efecto es emocionante.
En cuanto a la codificación frontal, HTML ha barrido toda la industria del desarrollo web de su manera única. Se ha convertido en el más tecnológico. Como desarrollador front-end, si no aprende o comprende la codificación del sitio web HTML5, ¡entonces está fuera! Antes de comenzar a aprender, debe descubrir la diferencia entre CSS3 y HTML5. Hoy, discutiremos principalmente las mejores prácticas de ser competente en el código HTML5. Después de leer este artículo, definitivamente ganará mucho dinero y valdrá la pena el viaje.
1. Generador HTML5 (código/codificación)
Los desarrolladores/diseñadores a menudo comienzan desde cero antes de desarrollar un nuevo sitio web. Crearán una plantilla básica basada en cada requisito, que obviamente lleva mucho tiempo. El uso del generador HTML5 (código/codificación) le ahorrará mucho tiempo sin escribir un nuevo código para cada página. Lo mejor de los generadores HTML5 (código/codificación) es que son simples y fáciles de comenzar. Para ser precisos, solo necesita completar el formulario y crear plantillas HTML5 de acuerdo con sus necesidades, para que no necesite volver a codificar cada página.
Obviamente, encontrará que hay una amplia variedad de generadores HTML5 (código/codificación), y puede elegir uno que lo adapte a sus necesidades. Por supuesto, también puede elegir algunas plantillas preparadas para aplicar directamente.
Recomendado varios generadores
2. Comprender correctamente la declaración del tipo de documento
Si no está satisfecho con la codificación automática y planea escribir código para su sitio web usted mismo, es muy importante comprender el DocType de HTML5 (Declaración de tipo de documento). Recuerde que no es recomendable modificar la etiqueta Doctype, por lo que antes de tomar decisiones y cambios, asegúrese de comprender bien a Doctype y no terminará en una tragedia.
3. Use la hoja de trucos
Como todos sabemos, el desarrollo de la ciencia y la tecnología está cambiando con cada día que pasa. Por lo tanto, no se necesita pánico si no puede recordar todas las funciones HTML5 cambiantes. Puedes usar hojas de trucos HTML5.
Haga clic para ver la imagen más grande
Recomendación del artículo: Este último sheat de trucos HTML5 [infografía]
4. Plan de compatibilidad con versiones anteriores
Actualmente, todos los navegadores WebKit (kernel) admiten HTML5. Incluso si todas las características nuevas (HTML5) no son compatibles, la mayoría de ellas pueden ser compatibles. Otro aspecto positivo para HTML5 es la compatibilidad hacia atrás, lo que significa que las nuevas características de HTML5 no son mucha carga de aprendizaje para los desarrolladores, por lo que pueden aprender sin un maestro.
5. Trate de evitar problemas de compatibilidad
En el desarrollo diario, puede enfrentar algunos problemas de compatibilidad. Aunque HTML5 es una nueva tecnología, algunas nuevas características y características pueden no ser compatibles. Sin embargo, esto no es un problema, y puede averiguar fácilmente qué elementos admite su navegador en el sitio web Can I Use.com. No solo eso, puede encontrar otros términos técnicos importantes anteriores, como los iconos de compatibilidad CSS3 y JavaScript. Por lo tanto, si está desarrollando usando HTML5, es mejor agregar el sitio web Can I Use.com para marcarlo.
6. Use cada elemento de manera responsable
Por cierto, conoce a ti mismo y a tu enemigo, y ganarás cada batalla. Antes de usar elementos, debe comprender el propósito y el efecto de cada elemento y elegir los elementos que se adapten a usted. Echemos un vistazo a los elementos constituyentes básicos de HTML5 y comprendamos el propósito de cada elemento.
7. Comienza HTML5 en la versión anterior de IE
Para ser honesto, IE siempre ha sido un dolor de cabeza para desarrolladores y diseñadores. IE8 y las versiones anteriores de los navegadores no admiten HTML5 en absoluto. Sin embargo, puede usar los siguientes scripts en estas versiones del navegador IE para ayudarlo a comenzar a soportar HTML5:
8. Verificación de codificación
Utilizando HTML5 para el desarrollo del sitio web, la verificación del código es muy importante, y la mejor manera es usar el validador W3C. Esta es una excelente herramienta para verificar la calidad del código y verificar los errores de código.
Finalmente, con suerte, estos métodos mencionados anteriormente pueden ayudarlo a usar HTML5 de manera más efectiva.