files/tr/web/html/element/aside/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155

---
title: <aside>
slug: Web/HTML/Element/aside
tags:
  - HTML Elementleri
  - aside
  - aside elementi
translation_of: Web/HTML/Element/aside
original_slug: HTML/Element/aside
---
<p><strong>HTML <code>&lt;aside&gt;</code> elementi </strong>bir belgenin ana içeriğiyle yüzeysel bir bağ taşıyan bölümünü temsil eder.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories">İçerik kategorileri</a></th>
   <td><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">Akış içeriği</a>, bölümlenmiş içerik, belirlenmiş içerik.</td>
  </tr>
  <tr>
   <th scope="row">Kullanılabilir içerik</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">Akış içeriği</a>.</td>
  </tr>
  <tr>
   <th scope="row">Etiket İhmalleri</th>
   <td>Hiçbiri.</td>
  </tr>
  <tr>
   <th scope="row">Kullanılabilir Üst Elementler</th>
   <td><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">Akış içeriği</a>ni kabul eden herhangi bir element. Ancak &lt;aside&gt; elementi, {{HTMLElement("address")}} elementinin alt elementi olarak kullanılamaz.</td>
  </tr>
  <tr>
   <th scope="row">Kullanılabilir ARIA</th>
   <td>{{ARIARole("feed")}}, {{ARIARole("note")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}, {{ARIARole("search")}}</td>
  </tr>
  <tr>
   <th scope="row">DOM arayüzü</th>
   <td>{{domxref("HTMLElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Öznitelikler">Öznitelikler</h2>

<p>Bu element yalnızca <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">evrensel öznitelikler</a>i içerir.</p>

<h2 id="Kullanım_Notları">Kullanım Notları</h2>

<ul>
 <li><code>&lt;aside&gt;</code> elementini parantez içine alınmış metinler için kullanmayınız. Çünkü bu tip metinler ana akış içerisinde sayılmaktadır.</li>
</ul>

<h2 id="Örnekler">Örnekler</h2>

<pre class="brush: html">&lt;article&gt;
  &lt;p&gt;
    Disney yapımı olan &lt;em&gt;Küçük Deniz Kızı&lt;/em&gt; filmi ilk kez 1989'da vizyona girdi.
  &lt;/p&gt;
  &lt;aside&gt;
    &lt;p&gt;
      Film ilk çıkışında 87 milyon dolar hasılat yapmayı başardı.
    &lt;/p&gt;
  &lt;/aside&gt;
  &lt;p&gt;
    Film hakkında daha fazla bilgi için...
  &lt;/p&gt;
&lt;/article&gt;</pre>

<p>{{EmbedLiveSample("Examples")}}</p>

<h2 id="Specifications" name="Specifications">Özellikler</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Özellik</th>
   <th scope="col">Durum</th>
   <th scope="col">Yorum</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-aside-element', '&lt;aside&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-aside-element', '&lt;aside&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Tarayıcı_uyumluluğu">Tarayıcı uyumluluğu</h2>

<p>{{Uyumluluk Tablosu}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Özellik</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Temel destek</td>
   <td>5</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("2.0")}}</td>
   <td>9.0</td>
   <td>11.10</td>
   <td>4.1</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Özellik</th>
   <th>Android</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Temel destek</td>
   <td>2.2</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("2.0")}}</td>
   <td>9.0</td>
   <td>11.0</td>
   <td>4.2</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>

<ul>
 <li>Bölümle ilişkili diğer elementler: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("nav")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
 <li><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">Bir HTML5 belgesinin bölümleri ve anahatları</a>.</li>
</ul>

<div>{{HTMLRef}}</div>