Tugoni cha <aside> wa HTML

Uhusiano na Matumizi

<aside> Tahadhari:

Matokeo ya aside lazima yalikuwa na uhusiano wa kina na matokeo yalioenea.

Tahadhari:<aside> Matokeo yanaweza kusimamishwa kama sidebar katika mawili.

Tahadhari:<aside> Elementi haitakuwa na mitha ghali katika kifungu cha kikapteni. Lakini, unaweza kutumia CSS kuwakilisha <aside> Mitha ya elementi (tazama mifano inayofuata).

Tazama pia:

Kitabu cha Mwongozo wa HTML DOM:Mwongozo wa Aside

Mifano

Mfano 1

Onyesha mengineo yenye matokeo yenye matokeo inayotokea kwenye maudhui yake:

<p>Wakati wa joto wa hivi karibuni, mimi na familia yangu walifika Uwanja wa Duni ya Shanghai Haichang. Joto lilikuwa kwa msaada, Uwanja wa Duni ulikuwa kama miraa! Mimi na familia yangu walishirikiana kwa jumla kwa siku za joto za hivi karibuni!</p>
<aside>
<h4>Paradisi ya Bunge ya Shanghai</h4>
<p>Uwanja wa Duni wa Shanghai Haichang ni uwanja wa miraa wenye uwanja wa kati wa浦东新区, unafikia eneo la kati la 29.7 hektari, pia ni kiwanda cha uwanja wa matumizi ya fedha ya nchi ya AAAA, </p>
</aside>

Tenda kwa kwanza

Mfano 2

Kuinga CSS kwa kumitiririka ya elementi ya <aside>:

<html>
<head>
<style>
aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}
</style>
</head>
<body>
<h1>aside 元素</h1>
<p>Wakati wa joto wa hivi karibuni, mimi na familia yangu walifika Uwanja wa Duni ya Shanghai Haichang. Joto lilikuwa kwa msaada, Uwanja wa Duni ulikuwa kama miraa! Mimi na familia yangu walishirikiana kwa jumla kwa siku za joto za hivi karibuni!</p>
<aside>
<p>Uwanja wa Duni wa Shanghai Haichang ni uwanja wa miraa wenye uwanja wa kati wa浦东新区, unafikia eneo la kati la 29.7 hektari, pia ni kiwanda cha uwanja wa matumizi ya fedha ya nchi ya AAAA, </p>
</aside>
<p>Wakati wa joto wa hivi karibuni, mimi na familia yangu walifika Uwanja wa Duni ya Shanghai Haichang. Joto lilikuwa kwa msaada, Uwanja wa Duni ulikuwa kama miraa! Mimi na familia yangu walishirikiana kwa jumla kwa siku za joto za hivi karibuni!</p>
<p>Wakati wa joto wa hivi karibuni, mimi na familia yangu walifika Uwanja wa Duni ya Shanghai Haichang. Joto lilikuwa kwa msaada, Uwanja wa Duni ulikuwa kama miraa! Mimi na familia yangu walishirikiana kwa jumla kwa siku za joto za hivi karibuni!</p>
</body>
</html>

Tenda kwa kwanza

Matumizi ya sababu ya jumla

<aside> Tovuti inadaiwa na Matumizi ya sababu ya jumla katika HTML.

matumizi ya sababu ya matukio

<aside> Tovuti inadaiwa na Matumizi ya sababu ya matukio katika HTML.

Mipangilio ya CSS wa kawaida

Vifaa vingine vya viungo vinatumia muwendo wa kwa kawaida iliyotumiwa kwenye <aside> Kifungu:

aside {
  display: block;
}

Matumizi ya brwiza

Inafikia namba za brwiza zinaongoza katika kufaa kwa kiwango cha kwanza kwa kifungu hiki.

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