Bien! ahora veremos
sobre
la etiqueta aside
la etiqueta aside es una etiqueta que nos permite colocar información
dentro de la página web
pero que no es relevante, es decir que no está...
que está relacionada, pero que no es de mucha importancia con la página web
por ejemplo. vamos a
Ir a la página de FreakSpot
porque en conocimientos libres no tengo aside
ya que no la he colocado
en freakspot
si os fijáis
tenemos los artículos
aquí están los artículos
tenemos una section, toda esta section
tenemos los artículos y al costado
al lado izquierdo
tenemos
una informacíón
sobre las entradas recientes
sobre las categorías
sobre las etiquetas
cada una de éstas
por ejemplo las entradas recientes, las categorías
son etiquetas aside
son etiquetas que tienen que ver con
la información del sitio
pero
que no son de demasiada importancia
es decir
no tienen mucha importancia con respecto
a la información de los artículos
bien
si inspeccionamos el elemento
vamos a darnos cuenta de que en verdad es un aside
como puedes observar ahí está, es un aside como os dije
aquí no se ve bien, voy a...
subirle
el zoom
ahi dice aside
si vemos el código fuente
vamos a
amplificar un poquito aquí
podemos ver
que
el aside
aquí en freakspot
también engloba la parte del formulario
y es de tipo buscar
bien eso ya vamos a verlo después
aquí vemos que tenemos la etiqueta aside
que alberga el formulario
otra etiqueta aside
que contiene la parte
de las entradas recientes
aquí tenemos otro aside
que tiene que ver con las categorías
y por aquí tenemos otro aside que tiene que ver con las etiquetas
en pocas palabras es lo que les mecioné aquí
esto sería un aside
este sería otro aside
y este sería otro aside
estarían dentro de otra etiqueta aside
bien!, ¿cómo se escribe en código esto?
tenemos aquí esto
esta parte
podríamos hacer lo siguiente
podríamos colocar aquí
etiqueta aside
que tiene también su contraparte para cerrarse
y aquí podríamos poner pues
un h2
y dentro de otro aside
podríamos colocar
las etiquetas
correcto
entonces si nos vamos a...
la parte del
del archivo index, actualizamos
y podemos observar que aparecen las entradas recientes y las etiquetas
voy a borrar el resto
que ya lo hemos visto
voy a comentarlo
y ahí sería, este sería un aside, este sería otro aside
lo que seleccionado ahora sería un h2
que esta dentro de un aside
aside, aside
si nosotros vamos al código fuente y lo copiamos
y lo pasamos por el validador nuevamente
debería de mostrarnos
que todo está correcto
ahí está el documento esta correcto, no hay errores
de esta forma serían los asides
y qué podría haber dentro de los asides
como
os fijáis dentro de freakspot
dentro de los aside's
podrían haber listas
si clickqueamos ahí
podemos ver que es una etiqueta li
a ver sí, es una etiqueta li
y dentro hay
arriba de la etiqueta li hay un ul es una etiqueta desordenada
igual que el resto
pero no solamente eso, sino también texto, podría hacer paragraph
en este caso han puesto enlaces
ya pero también podría haber paragraph
espero haya quedado bastante claro
si nos fijamos en el área de...
del dibujo
el aside
podría estar siempre a un costado al lado derecho al lado izquierdo
pero no necesariamente a esos lados, tambien podría estar debajo, podría estar arriba
ya depende del diseñador dónde colocar el aside
bien! continuamos con el siguiente vídeo