Hola a todos quiero mostrar en esta sección la estructura básica de una pagina web con su versión más reciente, por su puesto HTML5
Lo primero que vamos a encontrar en un sitio web son las etiquetas HTML y con la primera etiqueta que nos vamos a encontrar es aquella que indica al navegador que versión y el tipo de documento de que se esta usando:
<!DOCTYPE>
Después de indicar su version y tipo de documento, procedemos abrir nuestra etiqueta <html>, dentro de la abertura y cierre de esta etiqueta se encuentran todo lo necesario para informar y mostrar nuestro contenido de nuestro sitio web.
<html></html>
esta etiqueta posee una propiedad (lang) el cual indica el idioma que se va a utilizar en nuestro documento, en mi caso español, por lo tanto se da valor de "es".
Ahora es necesario saber que una pagina web cuenta con una estructura que le da forma al documento y que son necesarias para el entendimiento de su interprete (Navegador), tenemos en su estructura las etiquetas encabezado <head></head> y su cuerpo <body></body>......
Hablaremos primero de las etiquetas <head></head>...en medio de ellas existen otras etiquetas que tienen como función dar información al navegador con lo que contiene el documento en el cuerpo, esto con el fin de una búsqueda más eficiente para los usuarios o personas que necesitan algo relacionado con nuestra pagina web....
<head></head>
podemos ver que en medio de nuestras etiquetas de encabezado encontramos otra etiqueta html que cumple con la función de agregar un titulo en la pestaña de navegación, para este caso nuestro titulo seria "Estructura HTML5".
También podemos encontrar otras etiquetas html como <meta>, <link>,<script></script>, como mencioné antes estas cumplen con la función de dar información y búsqueda acerca del sitio y en casos como <link> y <script> son para enlazar documentos externos que cumplen alguna función en nuestra pagina.
<meta>
con <meta> y su atributos charset podemos indicar al navegador que se utilizarán un conjuto de caracteres como por ejemplo utf-8, con esta elección no tendríamos problemas de acentos o ñ o caracteres especiales.
Por otra parte tenemos los atributos name con valor "keywords" y content con valor "HTML5,menu", bueno con name indicamos al navegador palabras claves de búsqueda y con el atributo content indicamos cuales palabras claves son, para este caso HTML5 y menu.
si queremos importar estilos CSS para ello utilizamos la etiqueta <link>, esta etiqueta posee atributos como href, que nos permite importar los estilos css que necesita nuestra pagina para su diseño, y también el atributo rel, que informa que es un enlace definido de hoja de estilos "stylesheet".
<link>
lo que realicemos entre las etiquetas <head></head> no será visto por el usuario, esto es información para el navegador.
En medio de las etiquetas <body></body> se encontrará todo el contenido visible para el usuario, HTML5 posee muchas etiquetas nuevas el cual brinda una estructuras más comprensible y estructural.
La primera etiqueta que veremos será <header></header>, es utilizada para encabezados, títulos o grupo de títulos. No hay que confundir <head> con <header>, <header> es utilizada en el cuerpo del documento <body></body>.
<head></head>
<nav></nav>, en medio de estas etiquetas podremos programar nuestro menú de navegación, el navegador comprenderá que la información que se encuentre allí serán enlaces que facilite la navegación por el sitio.
No hay comentarios:
Publicar un comentario