Producción de página web WebJX Artículo Introducción: 10 fragmentos prácticos de código HTML5 que definitivamente debe recopilar.
HTML5 es un hito importante en el desarrollo de la tecnología web. Para el desarrollo delantero, si puede encontrar algunos códigos que deben reutilizarse con frecuencia en el desarrollo en el futuro, creo que no se negará. A continuación hay más de 10 fragmentos de código HTML5 que recopilamos cuidadosamente. ¡Creo que te gustará!
La plantilla más fácil para html5Si necesita iniciar un nuevo proyecto HTML5, definitivamente necesitará la plantilla más simple. Aquí hay una plantilla HTML5 muy simple y clara. ¡Creo que a todos les gustará!
<! Doctype html><html>
<Evista>
<meta charset = utf-8>
<title> sin título </title>
<!-[si LT IE 9]>
<script src => </script>
<! [endif]->
</ablo>
<Body>
El contenido principal de la web
</body>
</html> formulario obtenga mapas de Google
Aquí hay un código muy simple. Utiliza al usuario para ingresar a la ubicación y obtener la ubicación del mapa de Google, que es muy adecuado para generar formularios de contacto.
<form de acción = método = get target = _blank><etiqueta for = saddr> Ingrese la ubicación </selebel>
<input type = text name = saddr />
<input type = Hidden name = daddr
Valor = 350 5th Ave New York, NY 10018 (Empire State Building) />
<input type = enviar value = Get Directions />
</form> BASE64 Archivo GIF en blanco codificado de tamaño 1x1
Personalmente, no recomiendo usar este GIF en blanco transparente, pero incluso en 2013, muchas personas todavía lo usan. Quizás también te guste usar este método.
<<img src = data: image/gif; base64, r0lgodlhaqabaiaaaaaaaaaaaaaAp /// yh5baeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa7 Correo electrónico de forma regularSe permite que la forma regular se use en HTML5 para la verificación de entrada:
<input type = text data = Your-Flash-File.swfancho = 0 altura = 0>
<Param name = Movie Value = Your-Flash-File.swf />
<param name = calidad valor = high/>
</ject> película y admite Fallback
Otra característica más útil en HTML5 es la etiqueta de video, que le permite incrustar fácilmente archivos de video. Sin embargo, muchos navegadores antiguos no lo admiten, por lo que el siguiente código será muy útil
<ancho de video = 640 altura = 360 controles><fuente src = __ video __. mp4 type = video /mp4 />
<fuente src = __ video __. OGV type = video /ogg />
<objeto ancho = 640 altura = 360 type = Application/x-shockwave-flash
Data = __ Flash __. SWF>
<Param name = Movie Value = __ Flash __. SWF />
<param name = flashvars value = controlbar = over & amp;
Image = __ Poster __. Jpg & amp; file = __ Video __. Mp4 />
<img src = __ video __. jpg width = 640 altura = 360 alt = __ title__
Título = Sin capacidades de reproducción de video, descargue el video a continuación />
</objeto>
</video> enlaces de llamadas de iPhone y SMS
Apple presenta una forma muy conveniente de crear enlaces de teléfono y texto en iPhone. El código es el siguiente:
<a href = tel: 1-408-555-55555> 1-408-555-5555 </a><a href = sms: 1-408-555-1212> nuevo mensaje SMS </a> Función de llenado de datos de datos de HTML5
Usando elementos de datos, HTML5 permite el uso de un conjunto de datos para generar funciones de llenado automáticas. ¡Ahora no necesita usar el código JS de terceros o las bibliotecas de clase!
<input name = Frameworks list = Frameworks /><DataList ID = Frameworks>
<Opción valor = MooTools>
<Opción Valor = Moobile>
<opción valor = kit de herramientas dojo>
<Opción valor = jQuery>
<opción valor = yui>
</dataList> El archivo se puede descargar directamente <!-se descargará como gastos.pdf->
<a href =/files/adlafjlxjewfasd89asd8f.pdf
descargar = gastos.pdf> Descargue su informe de gastos </a> Browser de versión Old Old Ie6
Debes saber que IE6 se usa bastante en China. Si no admito IE6 en su aplicación o sitio web web, agregue este código y creo que sus usuarios actualizarán IE6, ¡jeje!
<style>*{posición: relativo} </ystye> <table> <put> </table>