ETIQUETAS
Una página web es un documento electrónico capaz de contener
texto, sonido, video, enlaces, imágenes y muchos elementos más, su acceso es
posible mediante un navegador. Saber qué elementos y funcionalidades debe tener
un sitio web es vital si te encuentras en la creación de tu propio espacio en
internet.
- La primera etiqueta <!DOCTYPE ... > es obligatoria e indica el tipo de documento (DOCTYPE) de la página. Existen varios tipos de documentos que corresponden a las diferentes versiones de HTML y XHTML. El tipo "html" es el que corresponde al HTML.
- La etiqueta <html> ...</html> engloba todo el documento html.
- Un documento html se divide en dos partes, la cabecera <head> ...</head> y el cuerpo <body> ...</body>
- La cabecera <head> ...</head> contiene información de identificación y control que en general no se muestra en la ventana del navegador, aunque puede afectar a la presentación (por ejemplo, los enlaces a hojas de estilo).
- Las etiquetas <meta> están pensadas para proporcionar información sobre el documento a los programas que analicen la página y por ello existen muchas etiquetas <meta> diferentes. Por ejemplo, la etiqueta <meta name="keywords" content="..."> está pensada para informar a los buscadores de los temas tratados en la página pero, por desgracia, se ha abusado mucho de esta etiqueta así que los buscadores no la toman prácticamente en cuenta).
- La primera etiqueta <meta> del ejemplo informa del juego de caracteres empleado en la página, en este caso UTF-8.
La segunda etiqueta <meta> del ejemplo se utiliza para mejorar la presentación de las páginas webs en las pantallas de los teléfonos móviles y, en general, en las pantallas de alta densidad.
- La etiqueta de título <title> ...</title> es obligatoria y debe incluirse en todas las páginas web. Contiene el texto que se muestra en la pestaña del navegador, como muestra el siguiente ejemplo. Si el texto es largo, la pestaña sólo mostrará el principio, pero situando el ratón sobre la pestaña, el texto completo se mostrará en una pequeña ventana flotante.
Comentarios