<!DOCTYPE>
<!DOCTYPE html>
<html>
Como existen algunas diferencias entre el idioma castellano o español con el inglés, como el uso de acentos por ejemplo, es necesario indicar en que idioma presentamos el contenido visible de nuestro sitio. Esto lo indicamos en esta etiqueta agregándole un atribuyo lang y asignándole el valor “es”.
<html lang=”es”> </htlml>
El atributo lang (language) indica el lenguaje que vamos a utilizar y su valor “es” indica que este será el español.
<head>
La información más elemental y estándar para todo sitio web consiste en las etiquetas de metadatos, enlaces externos y el titulo o nombre de la web.
Etiquetas de metadatos.
La primera de ellas consiste en declarar a los navegadores cual es el juego (set) de caracteres (characters) que usamos para nuestro sitio web. El más utilizado es el conocido UTF-8.
<meta charset=”UTF-8”/>
<meta name=”description” content=”Aquí iría la descripción de mi web”/>
Con similar propósito nuestra siguiente etiqueta nos facilita ser posicionados por los buscadores de manera natural usando palabras (words) claves (key) de uso frecuente y que definen nuestro sitio.
<meta name=”keywords” content=”palabra1, palabra2, palabra3, etc.”>
Existen varias etiquetas meta con otras funciones que podemos usar pero estas son las más básicas e indispensables para un sitio web.
Etiqueta de título.
El título de nuestra web es muy importante y no debe faltar en un sitio web. La siguiente etiqueta nos permite presentar este título en la barra de título o pestaña de navegación de los navegadores.
<title>Nombre de mis sitio web</title>
Etiqueta de enlaces externos.
Esta etiqueta incorporar en nuestro sitio la posibilidad de usar enlaces externos en nuestro documento. Estos enlaces pueden tener diferente objetivos, los más comunes podemos mencionar los estilos CSS, JacaScript, favicons e imágenes.
<link rel=”stylesheet” href=”rutadeenlaceconestilos.css”>
Al usar esta etiqueta estamos enlazando (link) nuestra web con un documento externo, con el atributo rel (relationship) establecemos la relación que este enlace sostiene dándole un valor, en este caso, de hoja de estilos (stylesheet). La dirección o ruta de enlace la determinamos con el valor del atributo href.
<body>
<body>… componentes del sitio web… </body>
Conociendo estas etiquetas ya tenemos una visión general de un documento HTML. El código completo se vería de la siguiente manera.
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8”/>
<meta name=”description” content=”Aquí iría la descripción de mi web”/><meta name=”keywords” content=”palabra1, palabra2, palabra3, etc.”><title>Nombre de mis sitio web</title><link rel=”stylesheet” href=”rutadeenlaceconestilos.css”></head>
<body>
… componentes del cuerpo visible de la página…
</body>
</html>
Ahora ya podemos comenzar con las Estructura del cuerpo.
0 comentarios :
Publicar un comentario