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
|
---
title: <hgroup>
slug: HTML/Element/hgroup
translation_of: Web/HTML/Element/hgroup
---
<div>{{HTMLRef}}</div>
<p><strong>HTML <code><hgroup></code> elementi,</strong> belgenin bir bölümü için çok düzeyli bir başlığı temsil eder. Bu gruplar bir dizi <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> elementleri içerir.</p>
<div>{{EmbedInteractiveExample("pages/tabbed/hgroup.html", "tabbed-standard")}}</div>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a dir="ltr" href="/en-US/docs/HTML/Content_categories">İçerik Kategorileri</a></th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Akış içeriği</a>, başlık içeriği, somut içerik.</td>
</tr>
<tr>
<th scope="row">İzin verilen içerik</th>
<td>One or more {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, and/or {{HTMLElement("h6")}}.</td>
</tr>
<tr>
<th scope="row">Etiket Eksikliği</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th scope="row">İzin verilen ebeveynler</th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Akış içeriğini</a> kabul eden herhangi bir öğe.</td>
</tr>
<tr>
<th scope="row">İzin verilen ARIA rolleri</th>
<td>{{ARIARole("tab")}}, {{ARIARole("presentation")}}</td>
</tr>
<tr>
<th scope="row">DOM arayüzü</th>
<td>{{domxref("HTMLElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Attributes_Öznitelikler">Attributes (Öznitelikler)</h2>
<p>Bu öğe yalnızca <a href="/en-US/docs/HTML/Global_attributes">genel öznitelikleri</a> içerir.</p>
<h2 id="Kullanım_notları">Kullanım notları</h2>
<div class="note">
<p><code><hgroup></code> elementi HTML5 (W3C) şartnamesinden kaldırıldı, ama bu element hala HTML'in WHATWG versiyonunda mevcut. Çoğu tarayıcıda kısmen uygulanmaktadır, bu yüzden tamamen kaldırılması pek olası değildir.<br>
Bununla birlikte, <code><hgroup></code> öğesinin temel amacının, <a href="/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#The_HTML5_outline_algorithm">HTML şartnamesinde tanımlanan anahat algoritması</a> tarafından başlıkların nasıl görüntüleneceğini etkilemesi, ancak <strong>HTML anahat algoritması herhangi bir tarayıcıda uygulanmadığı göz önüne alındığında</strong>, <code><hgroup></code> semantiği (anlamsalı) pratikte yalnızca teorik olarak geçerlidir.<br>
Bu nedenle HTML5 (W3C) şartnamesi, <code><hgroup></code>kullanmadan; <a href="https://www.w3.org/TR/html52/common-idioms-without-dedicated-elements.html#common-idioms-without-dedicated-elements">alt başlıkların, altyazıların, alternatif başlıkların ve sloganların</a> nasıl işaretleneceği konusunda tavsiyelerde bulunur.</p>
</div>
<p><code><hgroup></code> öğesi, belgenin bir bölümü için; birincil başlığının, çok düzeyli bir başlık oluşturmak için, alt başlıklar veya alternatif başlıklar gibi ikincil başlıklarla gruplandırılmasına izin verir.</p>
<p>Başka bir deyişle, <code><hgroup></code> öğesi, ikincil <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> alt öğelerinin, <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> öğelerinin normalin aksine herhangi bir <code><hgroup></code> alt öğesi değilse, anahatta kendi ayrı bölümlerini oluşturmasını engeller.</p>
<p>Yani, <a href="/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#The_HTML5_outline_algorithm">HTML şartnamesinde tanımlanan HTML anahat algoritması</a> tarafından üretilen soyut anahatta, tüm <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><h1>–<h6></a></code> kümesiyle birlikte, bir bütün olarak tek bir mantıksal <code><hgroup></code> başlığı oluşturur ve özet anahattaki tek mantıksal başlığı oluşturmak için anahat içine bir çok düzeyli birim olarak girer.</p>
<p>Böyle bir taslağın herhangi bir (soyut olmayan) işlenmiş görünümünü üretmek için, oluşturma aracının tasarımında <code><hgroup></code> başlıklarının çok düzeyli doğalarını iletecek şekilde nasıl işleneceği konusunda bir seçim yapılmalıdır. İşlenmiş bir <code><hgroup></code> anahat gösteriminin çeşitli yolları vardır. Örneğin:</p>
<ul>
<li>Bir <code><hgroup></code>, iki nokta üst üste karakteri ve boşluk ile (“<code>: </code>”) veya birincil başlıktan sonra ve ilk ikincil başlıktan önce (ve diğer ikincil başlıklardan önce aynı veya benzer noktalama işaretleriyle) işlenen bir anahatta gösterilebilir.</li>
<li>Bir <code><hgroup></code>, birincil başlık ve ardından ikincil başlık(lar) etrafında parantezler ile işlenmiş bir anahatta gösterilebilir.<br>
</li>
</ul>
<p>Aşağıdaki HTML belgesini düşünün:</p>
<pre class="brush: html"><!DOCTYPE html>
<title>HTML Standard</title>
<body>
<hgroup id="document-title">
<h1>HTML</h1>
<h2>Living Standard — Last Updated 12 August 2016</h2>
</hgroup>
<p>Some intro to the document.</p>
<h2>Table of contents</h2>
<ol id=toc>...</ol>
<h2>First section</h2>
<p>Some intro to the first section.</p>
</body></pre>
<p>Bu belge için işlenmiş bir anahat aşağıdaki gibi görünebilir:<br>
<br>
<img alt="" src="https://mdn.mozillademos.org/files/14599/outline-colon.png" style="height: 99px; width: 450px;"></p>
<p>Yani, işlenen anahat birincil başlık; HTML, ve ardından iki nokta üst üste ve boşluk. Ve ardından ikincil başlık, <em>Living Standard — Last Updated 12 August 2016</em> gösterebilir.</p>
<p>Veya, bu belge için işlenen anahat bunun yerine aşağıdaki gibi görünebilir:<br>
<br>
<img alt="Rendered outline that includes an <hgroup> element, with parens around the secondary heading" src="https://mdn.mozillademos.org/files/14601/outline-paren.png" style="height: 106px; width: 450px;"></p>
<p>Yani, işlenen anahat birincil başlığı, HTML'yi ve ardından parantez içinde gösterilen ikincil Başlığı gösterebilir: <em>(Living Standard — Last Updated 12 August 2016)</em>.</p>
<h2 id="Örnekler">Örnekler</h2>
<pre class="brush: html"><hgroup id="document-title">
<h1>HTML</h1>
<h2>Living Standard — Last Updated 12 August 2016</h2>
</hgroup>
</pre>
<h2 id="Özellikler">Özellikler</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Özellik</th>
<th scope="col">Durum</th>
<th scope="col">Açıklama</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'semantics.html#the-hgroup-element', '<hgroup>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="Tarayıcı_Uyumluluğu">Tarayıcı Uyumluluğu</h2>
<p>{{Compat("html.elements.hgroup")}}</p>
<h2 id="Ayrıca_Bakınız">Ayrıca Bakınız</h2>
<ul>
<li>Diğer bölümle ilgili öğeler: {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("nav")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};</li>
<li><a class="deki-ns current" 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 ana hatları.</a></li>
</ul>
|
