HTML <aside> Tag

Anbefalede kurser:

<aside> Definition og brug

Tagget definerer indhold, der er uden for det indhold, det er placeret i.

Indholdet i aside skal være indirekte relateret til omgivelserne.<aside> Tip:

Indholdet placeres normalt som en sidebjælke i dokumentet.<aside> Bemærk: <aside> Elementets stil (se eksempler nedenfor).

Se også:

HTML DOM referencehåndbog:Aside-objekt

Eksempel

Eksempel 1

Vis indhold, der er uden for det indhold, det er placeret i:

<p>Denne sommer besøgte jeg Shanghai Haichang Ocean Park sammen med min familie. Vejret var godt, og oceanparken var meget drømmeagtig! Min familie og jeg havde en fantastisk sommer!</p>
<aside>
<h4>Shanghai Haichang Ocean Park</h4>
<p>Shanghai Haichang Ocean Park er en temapark beliggende i Pudong New Area, med en samlet areal på omkring 29.7 hektar og er også en national 4A turistattraktion,</p>
</aside>

Prøv det selv

Eksempel 2

Brug CSS til at sætte stil på <aside>-elementet:

<html>
<head>
<style>
aside {
  bredde: 30%;
  fyldning til venstre: 15 px;
  marginal til venstre: 15 px;
  fløjte: højre;
  skrifttype: italic;
  baggrundfarve: lysegrå;
}
</style>
</head>
<body>
<h1>aside 元素</h1>
<p>Denne sommer besøgte jeg Shanghai Haichang Ocean Park sammen med min familie. Vejret var godt, og oceanparken var meget drømmeagtig! Min familie og jeg havde en fantastisk sommer!</p>
<aside>
<p>Shanghai Haichang Ocean Park er en temapark beliggende i Pudong New Area, med en samlet areal på omkring 29.7 hektar og er også en national 4A turistattraktion,</p>
</aside>
<p>Denne sommer besøgte jeg Shanghai Haichang Ocean Park sammen med min familie. Vejret var godt, og oceanparken var meget drømmeagtig! Min familie og jeg havde en fantastisk sommer!</p>
<p>Denne sommer besøgte jeg Shanghai Haichang Ocean Park sammen med min familie. Vejret var godt, og oceanparken var meget drømmeagtig! Min familie og jeg havde en fantastisk sommer!</p>
</body>
</html>

Prøv det selv

Globale egenskaber

<aside> Tagget understøtter også Globale egenskaber i HTML.

event egenskaber

<aside> Tagget understøtter også Event egenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <aside> Element:

aside {
  display: block;
}

Browser support

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter dette element.

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