Etichetta HTML <aside>

Recomendazioni di corso:

<aside> Definizione e utilizzo

Tag definisce contenuti al di fuori del contenuto in cui si trova.

Il contenuto di 'aside' dovrebbe essere indirettamente correlato al contenuto circostante.<aside> Suggerimento:

Il contenuto viene solitamente posizionato come sidebar nel documento.<aside> Attenzione: <aside> Stile dell'elemento (vedere gli esempi di seguito).

Vedere anche:

Manuale di riferimento HTML DOM:Oggetto 'aside'

Esempio

Esempio 1

Mostra contenuti al di fuori del contenuto in cui si trova:

<p>Quest'estate ho visitato con la mia famiglia il Parco Oceano Shanghai Haichang. Il tempo era bello, il parco oceano era molto fantastico! Ho trascorso una bellissima estate con la mia famiglia!</p>
<aside>
<h4>Parco Oceano Shanghai Haichang</h4>
<p>Il Parco Oceano Shanghai Haichang è un parco tematico situato nella Nuova Zona di Pudong, circondato dal carattere della cultura marina, con una superficie totale di circa 29,7 ettari e anche un parco turistico di livello AAAA della Cina,</p>
</aside>

Prova tu stesso

Esempio 2

Impostare lo stile dell'elemento <aside> utilizzando CSS:

<html>
<head>
<style>
aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}
</style>
</head>
<body>
<h1>elemento 'aside'</h1>
<p>Quest'estate ho visitato con la mia famiglia il Parco Oceano Shanghai Haichang. Il tempo era bello, il parco oceano era molto fantastico! Ho trascorso una bellissima estate con la mia famiglia!</p>
<aside>
<p>Il Parco Oceano Shanghai Haichang è un parco tematico situato nella Nuova Zona di Pudong, circondato dal carattere della cultura marina, con una superficie totale di circa 29,7 ettari e anche un parco turistico di livello AAAA della Cina,</p>
</aside>
<p>Quest'estate ho visitato con la mia famiglia il Parco Oceano Shanghai Haichang. Il tempo era bello, il parco oceano era molto fantastico! Ho trascorso una bellissima estate con la mia famiglia!</p>
<p>Quest'estate ho visitato con la mia famiglia il Parco Oceano Shanghai Haichang. Il tempo era bello, il parco oceano era molto fantastico! Ho trascorso una bellissima estate con la mia famiglia!</p>
</body>
</html>

Prova tu stesso

Attributi globali

<aside> Il tag supporta anche Attributi globali in HTML.

Attributi eventi

<aside> Il tag supporta anche Attributi eventi in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <aside> Elemento:

aside {
  display: block;
}

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'elemento.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1