Existen muchas herramientas como Initializr para dar nuestros primeros pasos en desarrollo web con HTML5.
HTML5 Template Generator es otra herramienta que podemos usar para crear desarrollo en HTML5. Ofrece opciones muy interesantes como incluir archivos Javascript, favicon, jQuery, incluir el código Google Analytics entre otras opciones más.
Sólo tenemos que completar el formulario y presionar en Generate & Download para obtener un archivo ZIP con toda la estructura básica para iniciar nuestro proyecto.
El siguiente es un código generado con HTML5 Template Generator:
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en"> <![endif]-->
<!--[if IE 7 ]> <html lang="en"> <![endif]-->
<!--[if IE 8 ]> <html lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Pixelco</title>
<meta name="description" content="Diseño y desarrollo web, Internet">
<meta name="author" content="Diego Cambiaso"><link rel="stylesheet" href="css/override.css">
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/modernizr-1.7.min.js"></script>
</head>
<body>
<header>
</header>
<div id="container">
</div> <!--! end of #container -->
<footer>
</footer>
<!-- Grab Google CDN jQuery. fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script>window.jQuery || document.write("<script src='js/libs/jquery-1.5.1.min.js'>\x3C/script>")</script>
<script src="js/plugins.js?v=1"></script><script src="js/script.js?v=1"></script>
<!--[if lt IE 7 ]>
<script src="js/dd_belatedpng.js?v=1"></script>
<![endif]--><!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
change the UA-XXXXX-X to be your site ID -->
<!-- <script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = true;
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
})(document, 'script');
</script> -->
</body>
</html>
HTML5 Template Generator
Sitio: shikiryu.com/html5
Suscribirse para recibir las últimas actualizaciones de Pixelco.
Comentarios 1