HTML <yan> Etiketi
Örnek
Yerleştirildiği içeriğin dışında bazı içerikleri görüntüleyin:
<p>My family and I visited The Epcot center this summer. The weather was
nice, and Epcot was amazing! I had a great summer together with my
family!</p>
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme
park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Etiket <aside>
, yerleştirildiği içeriğin dışında bazı içerikleri tanımlar.
Kenar içeriği, dolaylı olarak çevreleyen içerikle ilgili olmalıdır.
İpucu: İçerik <aside>
genellikle bir belgede kenar çubuğu olarak yerleştirilir.
Not: Öğe <aside>
, tarayıcıda özel bir şey olarak görüntülenmez. Ancak, öğeye stil vermek için CSS'yi kullanabilirsiniz <aside>
(aşağıdaki örneğe bakın).
Tarayıcı Desteği
Tablodaki sayılar, öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Element | |||||
---|---|---|---|---|---|
<aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<aside>
de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<aside>
de destekler .
Daha fazla örnek
Örnek
<aside> öğesinin stilini belirlemek için CSS kullanı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>The aside element</h1>
<p>My family and I visited The Epcot
center this summer. The weather was nice, and Epcot was amazing! I had a great
summer together with my family!</p>
<aside>
<p>The Epcot center is a
theme park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
</body>
</html>
İlgili Sayfalar
HTML DOM referansı: Aside Object
Varsayılan CSS Ayarları
Çoğu tarayıcı, <aside>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
aside {
display: block;
}