Estudiargratis.com.ar Estudiargratis.net es el proyecto de mi vida, espero que te esté gustando
Muestra de otros en este curso gratuito
El comienzo de una Web: Qué colocar en cabecera (head) en html5 con CSS?
Escribe Javier R. Cinacchi en
https://www.estudiargratis.com.ar/webmaster/codigos-cabecera-html5-css.html
Revisión: 09/12/2014
En la cabecera de un Sitio web van códigos que si bien forman parte de cada página no se ven directamente en el diseño. En esta parte del curso se va a completar con esta lección práctica lo que debe saber al respecto. Se está diseñando en HTML5 + CSS. La "cabecera" comprende lo que va entre <head> y </head>. Si bien no se vio en un video ya se trataron aquí
Practicar y estudiar código HTML5 parte de lo que ahora se continúa viendo.
Códigos (etiquetas) de una cabecera en HTML5 + CSS
<!DOCTYPE html>
<html><head>
<meta charset="utf-8" />
<title>Titulo</title>
<meta name="description" content="Descripción" />
<meta name="MobileOptimized" content="width" />
<link rel="stylesheet" href="https://www.estudiargratis.com.ar/estilobase.css"
type="text/css" media="all" />
<meta http-equiv="cache-control" content="max-age=6000" />
<meta property="fb:admins" content="xxxxx,JavierRCinacchi,"/>
<meta property="og:image" content="https://www.estudiargratis.com.ar/imagen.jpg"
/>
</head>
De los códigos que no se vieron comento:
<meta name="MobileOptimized" content="width" /> Es para que se ajuste la página al ancho de un celular, o tablet.
<meta http-equiv="cache-control" content="max-age=6000" /> Indica un tiempo de caché, que en realidad en mi caso no debería estar porque lo tengo configurado en el servidor, pero la etiqueta quedó de antes en algunas páginas
Configurar el caché en el servidor.
<meta property="fb:admins" content="xxxxx,JavierRCinacchi,"/> Para poder administrar los comentarios de los "comentarios de facebook" que se hayan añadido en una página web, en tal se coloca este código, más el id del administrador. Tal id es tu identificador en el Facebook
<meta property="og:image" content="https://www.estudiargratis.com.ar/imagen.jpg"
/> Es para colocar una imagen que se observará al hacer un link a la página desde el facebook
Cómo añadir imagen al lado de link en Facebook.
En Estudiargratis.net hay muchas secciones, algunas de estas: