Ejemplo armando cuerpo de una pagina web con Zen Coding

Utilizando las herramientas de zen conding podemos armar el cuerpo
de una página web con solo ejecutar:

html>body

lo cual daría como resultado el


<html>
                <body></body>
</html>

Parece simple pero entrándole mas tenemos diversas opciones
de cuerpo posibles como ser:

html:xml

El cual da como resultado:

<html xmlns="http://www.w3.org/1999/xhtml">
                <body></body>
</html>

html:4t

El cual da como resultado:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
                <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
                <title></title>
</head>
<body>
               
</body>
</html>



html:4s

El cual da como resultado:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
                <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
                <title></title>
</head>
<body>
               
</body>
</html>


html:xt
El cual da como resultado:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
                <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
                <title></title>
</head>
<body>
               
</body>
</html>


html:xs
da como resultado:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
                <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
                <title></title>
</head>
<body>
               
</body>
</html>


html:xxs

El cual da como resultado:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
                <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
                <title></title>
</head>
<body>
               
</body>
</html>

Como puedes ver puede ahorrar el tener que escribir todo el cuerpo de la página web con esas simples acciones.



Zen Coding

Comentarios

Entradas más populares de este blog

Ejemplo de suma Pascal

Solucion al error collation desconocida: 'utf8mb4_0900_ai_ci'