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á!
Si 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> <fead> <meta charset = utf-8> <title> sintitled </title> <!-[if Lt IE 9]> <script src = http: //html5shim.googlecode.com/svn/trunk/html5.js> </script> <! [Endif] la web </body> </html>
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 = http: //maps.google.com/maps método = get target = _blank> <etiqueta for = saddr> Ingrese la ubicación </label> <input type = text name = saddr/> <input type = Hidden name = daddr value = 350 5th ave new York, ny 10018 (edificio estatal empire)/> <type de entrada = value de entrada = value de envío/get directions/> <</</</</</</> </</> </> </> </formulario>
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, r0lgodlhaqabaiaaaaaaaaaap /// yh5baeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa7>
Se permite que la forma regular se use en HTML5 para la verificación de entrada:
<input type = text style = "margin-top: 0px; margen-bottom: 15px; relleno: 0px; borde: 1px sólido RGB (43, 153, 230); Font-Family: Herherit; Line-Weight: 27px; vertical-Align: BoreLeint; color: Rgb (0, 0, 0); 1000PX;
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
<Video Width = 640 Height = 360 Controles> <fuente src = __ video __. mp4 type = video /mp4 /> <fuente src = __ video __. OGV type = video /ogg /> <object width = 640 tight = 360 type = application /x-shockwave-flash data = __ flash __. swf> <param name = valed de película = __ __ __. name = FlashVars value = ControlBar = over & amp; image = __ póster __. jpg & amp; file = __ video __. mp4 /> <img src = __ video __. jpg width = 640 height = 360 style = "margin-top: 0px; margin-bottom: 15px; almo 230) href = tel: 1-408-555-55555> 1-408-555-55555 </a> <a href = sms: 1-408-555-1212> nuevo mensaje de SMS </a>
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 = dojo toolkit> <opción valor = jQuery> <opción valor = yui> </shalist>
<!-se descargará como gastos.pdf-> <a href =/files/adlafjlxjewfasd89asd8f.pdf download = gass.pdf> Descargue su informe de gastos </a>
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>