¿QUE ES EL FOOTER EN HTML?
El footer está reservado para destacar todo aquello que en la página web haya podido pasar desapercibido como por ejemplo las redes sociales, el contacto o un formulario de contacto o suscripción. También se suele utilizar para colocar el copyright o la política de privacidad.
¿Qué debe incluir el footer? Lo ideal es poner solo lo más importante. No debemos llenar el footer de elementos que no aporten nada o confundan al usuario. Pese a que es una práctica muy extendida no debemos incluir elementos como el mapa del sitio ni imágenes o demasiado texto.
En cuanto al diseño del footer, podemos utilizar colores que lo hagan destacar pero que no desentonen con los colores de la guía de estilo. El footer es el punto central en el que poner la información de contacto de la empresa para que el potencial cliente no tenga excusa para contactarte o para conocer un poco más sobre tu marca.
El Elemento HTML Footer (<footer>) representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección (p.e, su ancestro mas cercano
<article>, <aside>, <nav>, <section>,<blockquote>, <body>, <details>, <fieldset>, <figure>, <td>). Un pie de página típicamente contiene información acerca de el autor de la sección, datos de derechos de autor o enlaces a documentos relacionados.
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
EJERCICIO DE FOOTE
-1-
<footer>
<ul>
<li><a href="aviso-legal.html">Aviso legal</a></li>
<li><a href="privacidad.html">Provacidad</a></li>
<li><a href="contactar.html">Contactar</a></li>
</ul>
</footer>
¿ QUE ES ARTICLE
EN HTML ?
Si la etiqueta <section> se usaba para bloques de contenido capaces de poder pertenecer a un indice, agrupando bloques de contenido de cierto tema, con la etiqueta <article> podemos separar cada uno de esos elementos independientes que pudieran componer ese section concreto. Un article podría considerarse por tanto como cada uno de los elementos en que podemos dividir un section. Al igual que el resto de estas nuevas etiquetas, posee etiqueta de cierre, <article>
Creo que podríamos saber si un bloque de código debería pertenecer a un Article si al preguntarnos si ese bloque tiene sentido al colocarlo solo, separado del resto de contenido actual, tiene o carece de sentido. Si al separarlo o independizarlo se pierde su sentido, no es un Article. Si en cambio al separarlo del resto de contenido de la página web el bloque pierde su sentido (por ejemplo enviándolo a Facebook o Twitter), no es candidato para pertenecer a un Article, oki?.
En una página web pueden existir varios articles, dentro de un section o incluso independientes del mismo. Pueden además contener en su interior títulos con h1 y párrafos, además de otros articles en su interior. Quizás sea fácil confundirlos con los section. Veamos si con el uso aprendemos a distinguirlos un poco, no es sencillo por ahora, verdad?
Un ejemplo real de article podría ser un mensaje de un foro, el artículo de una revista o periódico, un comentario de un usuario a una entrada de blog o incluso una entrada en un blog. La estructura podría ser la siguiente:
<article>
<h1>La etiqueta Article</h1>
<p>La etiqueta <b>article</b> suele usarse para fragmentos independientes de contenido...</p>
...
</article>
<p>La etiqueta <b>article</b> suele usarse para fragmentos independientes de contenido...</p>
...
</article>
Deciamos que un article podría ser tan grande como para poder contener incluso header, footer, etc. Mirad un ejemplo :
<article>
<header>
<h1>La etiqueta Article</h1>
</header>
<p>La etiqueta <b>Article</b> suele usarse para fragmento independientes de contenido...</p>
...
<footer>
<p><small>Contenido publicado por Juanito</small></p>
</footer>
</article>
<header>
<h1>La etiqueta Article</h1>
</header>
<p>La etiqueta <b>Article</b> suele usarse para fragmento independientes de contenido...</p>
...
<footer>
<p><small>Contenido publicado por Juanito</small></p>
</footer>
</article>
¿ QUE ES BLOOK QUOTE EN HTML ?
Definición
blockquote -cita en bloque . Crea citas en bloque, marca las citas a otros autores o documentos.
- Sus etiquetas son:
<blockquote>y</blockquote>(ambas obligatorias). - Está definido como: Elemento en bloque.
- Crea una caja: En bloque.
- Puede y debe contener: Uno o más elementos en bloque o script
- Con un doctype transicional Puede contener: texto, y/o cero o más elementos en bloque o en línea
<blockquote cite='http://html.conclase.net/w3c/html401...def-BLOCKQUOTE'>
<p>
<strong>Nota.</strong> Recomendamos que las implementaciones de hojas
de estilo porporcionen un mecanismo para insertar signos de puntuación de citas
antes y después de una cita delimitada por un BLOCKQUOTE de un modo apropiado según
el contexto del idioma actual y el grado de anidamiento de las citas.
</p>
</blockquote>
<blockquote cite='http://html.conclase.net/w3c/html401...def-BLOCKQUOTE'>
<p>
<strong>Nota.</strong> Recomendamos que las implementaciones de hojas
de estilo porporcionen un mecanismo para insertar signos de puntuación de citas
antes y después de una cita delimitada por un BLOCKQUOTE de un modo apropiado según
el contexto del idioma actual y el grado de anidamiento de las citas.
</p>
</blockquote>
¿ QUE ES ASIDE EN HTML?
El Elemento HTML Aside (<aside>) representa una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea, que podría ser considerado independiente de ese contenido. Estas secciones son a menudo representadas como barras laterales o como inserciones y contienen una explicación al margen como una definición de glosario, elementos relacionados indirectamente, como publicidad, la biografía del autor, o en aplicaciones web, la información de perfil o enlaces a blogs relacionados.
<aside>
En una distribución estándar de una página web, la barra lateral está situada al lado de la barra de contenido principal.
Es una columna o sección que normalmente contiene datos relacionados al contenido principal pero con una relevancia o importancia menor.
En el diseño estándar de un blog, la barra lateral contiene una lista de links. La información dentro de esta barra está relacionada con el contenido principal de la página pero no es relevante por si sola.
Siguiendo con el ejemplo del blog, podemos decir que las entradas del blog son importantes, pero los links y resúmenes de esas entradas son sólo una ayuda navegacional y no en lo que el lector o usuario está más interesado.
En HTML5, podemos diferenciar este tipo de información secundaria con el elemento <aside>.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="description" content="Ejemplo de HTML5">
<meta name="keywords" content="HTML5">
<title>edu4java Home</title>
<link rel="stylesheet" href="edu4javastyles.css">
</head>
<body>
<header>
<h1>edu4java</h1>
</header>
<nav>
<ul>
<li>Tutoriales Web-Html</li>
<li>Tutoriales Juegos Android</li>
<li>Tutoriales Java para principiantes</li>
<li>Tutoriales Sql</li>
<li>Contacto</li>
</ul>
</nav>
<section>
TUTORIALES JAVA, HTML, JUEGOS ANDROID, SQL...
</section>
<aside >
English Version
</aside>
</body>
</html>
El elemento <aside> puede estar localizado en cualquier parte del diseño; la etiqueta no define la posición, como vemos en el ejemplo. El elemento <aside> sólo describe la información que engloba, no un lugar en la estructura y se puede utilizar siempre que el contenido no quiera ser considerado como el contenido principal del documento.
Podemos utilizar el elemento <aside>, por ejemplo, dentro de un elemento <section>, o incluso dentro de una sección con información relevante- en un cita dentro de un texto.
Hay que recordar que en HTML5, la presentación en pantalla de estos elementos ha sido delegado a CSS.
El diseño se consigue asignando estilos CSS
a cada elemento.
¿ QUE ES NAV EN HTML?
Descripción
Crea un menú de navegación.
Sintaxis
<nav>
<ul>
<li><a href="DireccionPagina"> Item de Navegación 1 </li>
<li><a href="DireccionPagina"> Item de Navegación 2 </li>
<li><a href="DireccionPagina"> Item de Navegación Etc </li>
</ul>
</nav>
TRABAJO REALIZADO POR .
YESSIKA GALINDO
SONIA YANEIDA
