HTML5
La combinación entre la estructura, el estilo y la funcionalidad.
Estructura
<DOCTYPE!> - Tipo de documento
<html> </html> - Envuelve el resto del código puede utilizar el atributo lang.
<html lang = "es"> </html>
<head></head> - Encabezado, incluye título, juego de caracteres, incorporar archivos externos con estilos (CSS) o con funcionalidades (Javascript). La mayoría son etiquetas invisibles.
<body></body> - Cuerpo, Toda la parte visible del documento.
<meta></meta> - Describe el juego de caracteres a utilizar en la página. Contiene los atributos charset, description, keywords.
<title></title> - Muestra el título del documento en la pestaña del navegador.
<link> - Esta etiqueta sirve para insertar archivos externos, pudiendo ser archivos CSS, Javascript, imágenes u otros archivos. Utiliza los atributos rel que especifica el tipo de archivo y href que es
<div> Aún se utiliza junto con las nuevas etiquetas de html5. La idea es que estas últimas se utilicen para diferenciar las secciones más importantes del sitio.
Las etiquetas principales en un sitio web son:
<header></header> - Provee información introductoria al sitio, logo, títulos etc.,
<nav></nav> - menús principales, bloques grandes.
<section></section> - Dividir partes de la Información Principal. Distingue de Aside.
<article></article> - Divide partes importantes de la Información Principal que comparten características.
<aside></aside> - La barra lateral contiene datos de la barra lateral pero de menor importancia.
<footer></footer> - Compartir información general del autor o de la organización.
<html> </html> - Envuelve el resto del código puede utilizar el atributo lang.
<html lang = "es"> </html>
<head></head> - Encabezado, incluye título, juego de caracteres, incorporar archivos externos con estilos (CSS) o con funcionalidades (Javascript). La mayoría son etiquetas invisibles.
<body></body> - Cuerpo, Toda la parte visible del documento.
Estructura de la Encabezado <head></head>
<meta></meta> - Describe el juego de caracteres a utilizar en la página. Contiene los atributos charset, description, keywords.
<title></title> - Muestra el título del documento en la pestaña del navegador.
<link> - Esta etiqueta sirve para insertar archivos externos, pudiendo ser archivos CSS, Javascript, imágenes u otros archivos. Utiliza los atributos rel que especifica el tipo de archivo y href que es
Estructura del cuerpo <body></body>
<table> De las primeras etiquetas que se utilizaban para hacer el diseño del sitio.<div> Aún se utiliza junto con las nuevas etiquetas de html5. La idea es que estas últimas se utilicen para diferenciar las secciones más importantes del sitio.
Las etiquetas principales en un sitio web son:
- Cabecera
- Barra de Navegación
- Información Principal
- Barra lateral
- Pie
 |
| Imagen tomada del curso de desarrollo web de la Universidad de Alicante. |
<header></header> - Provee información introductoria al sitio, logo, títulos etc.,
<nav></nav> - menús principales, bloques grandes.
<section></section> - Dividir partes de la Información Principal. Distingue de Aside.
<article></article> - Divide partes importantes de la Información Principal que comparten características.
<aside></aside> - La barra lateral contiene datos de la barra lateral pero de menor importancia.
<footer></footer> - Compartir información general del autor o de la organización.
No hay comentarios.:
Publicar un comentario