HTML <aside> Etiketi

Tanım ve Kullanım

<aside> Etiket, içinde yer alan içerikten ayrı bazı içerikleri tanımlar.

aside içeriği, etrafındaki içerikle dolaylı ilişkili olmalıdır.

İpucu:<aside> İçerik genellikle belgede kenar çubuğu olarak yerleştirilir.

Dikkat:<aside> Element tarayıcıda özel bir tarzla görünmez. Ancak, CSS kullanarak ayarlayabilirsiniz: <aside> Elementin tarzı (aşağıdaki örnekleri bkz.).

Ayrıca bakınız:

HTML DOM Kılavuzu:Aside nesnesi

Örnek

Örnek 1

Dışında yer alan bazı içerikleri gösterir:

<p> Bu yaz, ailemle birlikte Şangay Haichang Deniz Parkını ziyaret ettik. Hava çok iyiydi, deniz parkı oldukça rüya gibi! Ailemle birlikte harika bir yaz geçirdik!</p>
<aside>
<h4>Shanghai Haichang Ocean Park</h4>
<p>Şangay Haichang Deniz Parkı, Pudong Yeni Bölgesi'nde bulunan bir tema parkıdır. Deniz kültürü özellikleri etrafında yapılmış, toplam alanı yaklaşık 29.7 hektar olup, aynı zamanda ulusal AAAA dereceli turistik bölge de olma özelliğine sahiptir,</p>
</aside>

Deneyimleyin

Örnek 2

CSS ile <aside> elementinin tarzını ayarlayın:

<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 element</h1>
<p> Bu yaz, ailemle birlikte Şangay Haichang Deniz Parkını ziyaret ettik. Hava çok iyiydi, deniz parkı oldukça rüya gibi! Ailemle birlikte harika bir yaz geçirdik!</p>
<aside>
<p>Şangay Haichang Deniz Parkı, Pudong Yeni Bölgesi'nde bulunan bir tema parkıdır. Deniz kültürü özellikleri etrafında yapılmış, toplam alanı yaklaşık 29.7 hektar olup, aynı zamanda ulusal AAAA dereceli turistik bölge de olma özelliğine sahiptir,</p>
</aside>
<p> Bu yaz, ailemle birlikte Şangay Haichang Deniz Parkını ziyaret ettik. Hava çok iyiydi, deniz parkı oldukça rüya gibi! Ailemle birlikte harika bir yaz geçirdik!</p>
<p> Bu yaz, ailemle birlikte Şangay Haichang Deniz Parkını ziyaret ettik. Hava çok iyiydi, deniz parkı oldukça rüya gibi! Ailemle birlikte harika bir yaz geçirdik!</p>
</body>
</html>

Deneyimleyin

Genel Özellikler

<aside> Bu etiketler ayrıca HTML'deki Genel Özellikler.

olay özelliklerini destekler

<aside> Bu etiketler ayrıca HTML'deki Olay Özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <aside> Element:

aside {
  display: block;
}

Tarayıcı Desteği

Tabloda, bu öğenin ilk tam olarak destekleyen tarayıcı sürüm numaraları belirtilmiştir.

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