Diccionario HTML
<aside></aside>
La etiqueta <aside> define algún contenido además del contenido en el que se coloca.
  • El contenido aparte debe estar indirectamente relacionado con el contenido circundante
  • El contenido <aside> a menudo se coloca como una barra lateral en un documento
  • El elemento <aside> no se muestra como algo especial en un navegador. Sin embargo, puede usar CSS para diseñar el <aside> elemento (vea el ejemplo a continuación)


  • Ejemplo

    <h2>Elemento aside</h2>
    <p>Mi familia y yo visitamos el centro Epcot este verano. ¡El clima estuvo agradable y Epcot fue increíble! ¡Pasé un gran verano junto con mi familia!</p>
    <aside>
    ㅤㅤ<p>El centro Epcot es un parque temático en Walt Disney World Resort que cuenta con emocionantes atracciones, pabellones internacionales, fuegos artificiales galardonados y eventos especiales de temporada.</p>
    </aside>
    <p>Mi familia y yo visitamos el centro Epcot este verano. ¡El clima estuvo agradable y Epcot fue increíble! ¡Pasé un gran verano junto con mi familia!</p>
    <p>Mi familia y yo visitamos el centro Epcot este verano. ¡El clima estuvo agradable y Epcot fue increíble! ¡Pasé un gran verano junto con mi familia!</p>

    aside <style type="text/css">
    ㅤㅤaside{
    ㅤㅤㅤㅤwidth: 30%;
    ㅤㅤㅤㅤpadding: 15px;
    ㅤㅤㅤㅤmargin-left: 15px;
    ㅤㅤㅤㅤfloat: right;
    ㅤㅤㅤㅤfont-style: italic;
    ㅤㅤㅤㅤbackground-color: lightgray;
    ㅤㅤㅤㅤborder-radius: 5px;
    ㅤㅤ}
    </style>

    Resultado en el navegador

    Elemento aside

    Mi familia y yo visitamos el centro Epcot este verano. ¡El clima estuvo agradable y Epcot fue increíble! ¡Pasé un gran verano junto con mi familia!

    Mi familia y yo visitamos el centro Epcot este verano. ¡El clima estuvo agradable y Epcot fue increíble! ¡Pasé un gran verano junto con mi familia!

    Mi familia y yo visitamos el centro Epcot este verano. ¡El clima estuvo agradable y Epcot fue increíble! ¡Pasé un gran verano junto con mi familia!



    Atributos globales

  • La etiqueta <aside> también es compatible con los atributos globales en HTML.

  • Atributos de eventos

  • La etiqueta <aside> también es compatible con los atributos de eventos en HTML.
  • Anuncio