El elemento head representa la cabecera de un documento
adentro de esta etiqueta head van otras mas como tittle, style, meta, link, script y base
El elemento <head>
El elemento head se coloca adentro de la etiqueta html
Pero antes de la etiqueta Body
La etiqueta Head es un contenedor de metadatos
Los metadatos son datos referentes al documento, pero no se muestran
Los metadatos suelen defenir metainformacion, como titulo, conjunto de caracteres, estilos, scripts etc
El elemento <tittle>
El elemeto tittle define el titulo del documento
El titulo deberia ser solo constituido por caracteres.
suele mostrarse en la pestana del navegador
este elemento es obligat贸rio
Es muy importante para los motores de busqueda
ejemplo de codigo de un documento simple
<!DOCTYPE html>
<html>
<head>
<title>A Meaningful Page Title</title>
</head>
<body>
The content of the document......
</body>
</html>
Elemento style
El elemento style se utiliza para defenir informacion de estilos en una unica p谩gina
Ejemplo de su aplicacion
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
El elemento <link>
Este elemento define la relacion entre el documento y un recurso externo como por ejemplo una hoja de estilos
Ejemplo de uso
El elemento < meta>
El elemento meta se utiliza para especificar juego de caracteres, la descricion de una p谩gina, palabras clave, autor del documento, configuracion grafica etc
Ejemplos de elementos meta
defenir un juego de caracteres
Definir palabras clave para motores de b煤squeda:
Define una descripci贸n de tu p谩gina web:
Definir el autor de una p谩gina:
Actualizar documento cada 30 segundos:
Configuraci贸n de la ventana gr谩fica para que su sitio web se vea bien en todos los dispositivos:
Configuraci贸n de la ventana gr谩fica
La ventana grafica es la parte visible de una p谩gina web
El meta de la configuracion de ventana grafica debe ir en todas las p谩ginas
el elemento width=device-width estabelece el ancho de la pagina dependiendo del dispositivo que se este viendo
el elemento initial-scale=1.0 estabelece el nivel de zoom inicial cuando se carga la p谩gina
El elemento HTML <script>
El elemento script define el javascript de la parte del cliente
Ejemplo de codigo
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
El elemento HTML <base>
los elementos base especifican la url base y el destino de todos los elementos
Solo puede haber un elemento base en el documento
La etiqueta base debe de tener un atributo href
ejemplo de codigo
<head>
<base href="https://frioyelectronica.blogspot.com" target="_blank">
</head>
<body>
<img src="images/nieve.gif" width="24" height="39" alt="nieve">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias