From 8f2731905212f6e7eb2d9793ad20b8b448c54ccf Mon Sep 17 00:00:00 2001
From: Florian Merz <me@fiji-flo.de>
Date: Thu, 11 Feb 2021 14:51:31 +0100
Subject: unslug tr: move

---
 files/tr/web/html/element/aside/index.html  | 154 +++++++++++
 files/tr/web/html/element/head/index.html   | 138 ++++++++++
 files/tr/web/html/element/hgroup/index.html | 135 ++++++++++
 files/tr/web/html/element/index.html        | 241 +++++++++++++++++
 files/tr/web/html/element/li/index.html     | 205 ++++++++++++++
 files/tr/web/html/element/link/index.html   | 402 ++++++++++++++++++++++++++++
 files/tr/web/html/html5/index.html          | 254 ------------------
 7 files changed, 1275 insertions(+), 254 deletions(-)
 create mode 100644 files/tr/web/html/element/aside/index.html
 create mode 100644 files/tr/web/html/element/head/index.html
 create mode 100644 files/tr/web/html/element/hgroup/index.html
 create mode 100644 files/tr/web/html/element/index.html
 create mode 100644 files/tr/web/html/element/li/index.html
 create mode 100644 files/tr/web/html/element/link/index.html
 delete mode 100644 files/tr/web/html/html5/index.html

(limited to 'files/tr/web/html')

diff --git a/files/tr/web/html/element/aside/index.html b/files/tr/web/html/element/aside/index.html
new file mode 100644
index 0000000000..234d56a434
--- /dev/null
+++ b/files/tr/web/html/element/aside/index.html
@@ -0,0 +1,154 @@
+---
+title: <aside>
+slug: HTML/Element/aside
+tags:
+  - HTML Elementleri
+  - aside
+  - aside elementi
+translation_of: Web/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>
diff --git a/files/tr/web/html/element/head/index.html b/files/tr/web/html/element/head/index.html
new file mode 100644
index 0000000000..b1eb81ac0d
--- /dev/null
+++ b/files/tr/web/html/element/head/index.html
@@ -0,0 +1,138 @@
+---
+title: '<head>: The Document Metadata (Header) element'
+slug: HTML/Element/head
+tags:
+  - Element
+  - HTML
+  - HTML üst veri içeriği
+  - HTML üst verisi
+  - Referans
+  - Web
+translation_of: Web/HTML/Element/head
+---
+<div>{{HTMLRef}}</div>
+
+<p><span class="seoSummary"><strong>HTML <code>&lt;head&gt;</code> elementi</strong>, <a href="/en-US/docs/Web/HTML/Element/title">başlık</a>, <a href="/en-US/docs/Web/HTML/Element/script">betikler </a>ve <a href="/en-US/docs/Web/HTML/Element/style">biçem sayfaları</a> gibi, bir belge hakkında makine tarafından okunabilen bilgiler ({{glossary("metadata")}})  içerir.</span></p>
+
+<div class="blockIndicator note">
+<p><strong>Not:</strong> <code>&lt;head&gt;</code> elementi, bir insan tarafından okunması beklenen bilgilerden ziyade, genellikle bir makine tarafından işlenmesi öngörülen bilgiler içerir. Başlık ya da yazar bilgisi gibi insanlar tarafından okunması beklenen bilgiler için {{HTMLElement("header")}} elementine bakınız.</p>
+</div>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">İçerik kategorileri</a></th>
+   <td>Yok</td>
+  </tr>
+  <tr>
+   <th scope="row">İzin verilen içerik</th>
+   <td>
+    <p>Eğer belge, {{HTMLElement("iframe")}} {{htmlattrxref("srcdoc", "iframe")}} belgesiyse, veya başlık bilgisi üst bir protokolden geliyorsa (örn. HTML e-postalarındaki konu satırı), sıfır veya daha fazla <span class="seoSummary">{{glossary("metadata", "üst veri")}}</span>.</p>
+
+    <p>Aksi takdirde, en az bir tanesi {{HTMLElement("title")}} elementi olacak şekilde bir veya daha fazla <span class="seoSummary">{{glossary("metadata", "üst veri")}}</span>.</p>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Atlanabilir etiketler</th>
+   <td>
+    <p><code>&lt;head&gt;</code> elementinin içindeki ilk öğe de bir elementse, başlangıç etiketi atlanabilir.</p>
+
+    <p><code>&lt;head&gt;</code> elementinin ardından gelen ilk öğe boşluk veya yorum değilse, bitiş etiketi atlanabilir.</p>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Kullanılabilir üst elementler</th>
+   <td>
+    <p>İlk alt elementi olacak şekilde {{HTMLElement("html")}} elementi.</p>
+   </td>
+  </tr>
+  <tr>
+   <th scope="row">Dolaylı ARIA rolü</th>
+   <td><a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">Bulunmamaktadır.</a></td>
+  </tr>
+  <tr>
+   <th scope="row">İzin verilen ARIA rolleri</th>
+   <td>İzin verilen <code>role</code> bulunmamaktadır.</td>
+  </tr>
+  <tr>
+   <th scope="row">DOM arayüzü</th>
+   <td>{{domxref("HTMLHeadElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Öznitelikler">Öznitelikler</h2>
+
+<p>Bu element <a href="/en-US/docs/Web/HTML/Global_attributes">evrensel öznitelikler</a> içerir.</p>
+
+<dl>
+ <dt>{{htmlattrdef("profile")}} {{obsolete_inline}}</dt>
+ <dd>{{Glossary("whitespace", "Boşluk")}}la ayrılmış şekilde bir veya birden fazla üst veri profilinin {{glossary("URI")}}'si.</dd>
+</dl>
+
+<h2 id="Örnek">Örnek</h2>
+
+<pre class="brush: html notranslate">&lt;!doctype html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;Belge başlığı&lt;/title&gt;
+  &lt;/head&gt;
+&lt;/html&gt;
+</pre>
+
+<h2 id="Notlar">Notlar</h2>
+
+<p>HTML5 uyumlu tarayıcılar, <code>&lt;head&gt;</code> elementinin etiketleri atlanmışsa, söz konusu elementi otomatik olarak oluşturmaktadır. Çok eski tarayıcılarda bu özelliğin garantisi yoktur.</p>
+
+<h2 id="Özellikler">Özellikler</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-head-element', '&lt;head&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>Son anlık görüntüden beri değişiklik olmadı.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-head-element', '&lt;head&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>Obsoleted <code>profile</code></td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.4.1', '&lt;head&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Tarayıcı_uyumluluğu">Tarayıcı uyumluluğu</h2>
+
+<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>
+
+<p>{{Compat("html.elements.head")}}</p>
+
+<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>
+
+<ul>
+ <li> <code>&lt;head&gt;</code>'in içinde kullanılabilecek etiketler:
+
+  <ul>
+   <li>{{HTMLElement("title")}}</li>
+   <li>{{HTMLElement("base")}}</li>
+   <li>{{HTMLElement("link")}}</li>
+   <li>{{HTMLElement("style")}}</li>
+   <li>{{HTMLElement("meta")}}</li>
+   <li>{{HTMLElement("script")}}</li>
+   <li>{{HTMLElement("noscript")}}</li>
+   <li>{{HTMLElement("template")}}</li>
+  </ul>
+ </li>
+</ul>
diff --git a/files/tr/web/html/element/hgroup/index.html b/files/tr/web/html/element/hgroup/index.html
new file mode 100644
index 0000000000..c6321bf52e
--- /dev/null
+++ b/files/tr/web/html/element/hgroup/index.html
@@ -0,0 +1,135 @@
+---
+title: <hgroup>
+slug: HTML/Element/hgroup
+translation_of: Web/HTML/Element/hgroup
+---
+<div>{{HTMLRef}}</div>
+
+<p><strong>HTML <code>&lt;hgroup&gt;</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">&lt;h1&gt;–&lt;h6&gt;</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>&lt;hgroup&gt;</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>&lt;hgroup&gt;</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>&lt;hgroup&gt;</code> semantiği (anlamsalı) pratikte yalnızca teorik olarak geçerlidir.<br>
+ Bu nedenle HTML5 (W3C) şartnamesi, <code>&lt;hgroup&gt;</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>&lt;hgroup&gt;</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>&lt;hgroup&gt;</code> öğesi, ikincil <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements">&lt;h1&gt;–&lt;h6&gt;</a></code> alt öğelerinin, <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements">&lt;h1&gt;–&lt;h6&gt;</a></code> öğelerinin normalin aksine herhangi bir <code>&lt;hgroup&gt;</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">&lt;h1&gt;–&lt;h6&gt;</a></code> kümesiyle birlikte, bir bütün olarak tek bir mantıksal <code>&lt;hgroup&gt;</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>&lt;hgroup&gt;</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>&lt;hgroup&gt;</code> anahat gösteriminin çeşitli yolları vardır. Örneğin:</p>
+
+<ul>
+ <li>Bir <code>&lt;hgroup&gt;</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>&lt;hgroup&gt;</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">&lt;!DOCTYPE html&gt;
+&lt;title&gt;HTML Standard&lt;/title&gt;
+&lt;body&gt;
+  &lt;hgroup id="document-title"&gt;
+    &lt;h1&gt;HTML&lt;/h1&gt;
+    &lt;h2&gt;Living Standard — Last Updated 12 August 2016&lt;/h2&gt;
+  &lt;/hgroup&gt;
+  &lt;p&gt;Some intro to the document.&lt;/p&gt;
+  &lt;h2&gt;Table of contents&lt;/h2&gt;
+  &lt;ol id=toc&gt;...&lt;/ol&gt;
+  &lt;h2&gt;First section&lt;/h2&gt;
+  &lt;p&gt;Some intro to the first section.&lt;/p&gt;
+&lt;/body&gt;</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 &lt;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">&lt;hgroup id="document-title"&gt;
+  &lt;h1&gt;HTML&lt;/h1&gt;
+  &lt;h2&gt;Living Standard — Last Updated 12 August 2016&lt;/h2&gt;
+&lt;/hgroup&gt;
+</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', '&lt;hgroup&gt;')}}</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>
diff --git a/files/tr/web/html/element/index.html b/files/tr/web/html/element/index.html
new file mode 100644
index 0000000000..a4d8097b65
--- /dev/null
+++ b/files/tr/web/html/element/index.html
@@ -0,0 +1,241 @@
+---
+title: HTML Elements
+slug: HTML/Element
+tags:
+  - HTML
+  - 'HTML:Element Reference'
+  - NeedsTranslation
+  - TopicStub
+translation_of: Web/HTML/Element
+---
+<p>Bu HTML başvurusu, HTML5'te veya daha önceki bir şartnamede tanımlanan tüm <strong>HTML öğelerini</strong> listeler. Küçük ve büyük ayraçları içine alındığında bu bir etiketi oluşturur: <code>&lt;etiketadı&gt;</code>. Etiketler, HTML belgelerinin nasıl oluşturulması gerektiğini ve bir <a href="/tr/docs//HTML">HTML</a> belgesinin hangi bölümüne hangi içeriğin yerleştirileceğini belirten öğelerdir.</p>
+
+<p>Bu sayfada tüm standart <a href="/tr/docs/HTML/HTML5">HTML5</a> etiketlerinin yanısıra, tarayıcıların destekleyebileceği standart olmayanların yanı sıra daha eski ve kullanımdan kaldırılmış olanlar da listelenmektedir. Diğer standart öğeler HTML5'te de geçerli olmasına rağmen, HTML5'te tanıtılan öğelere genellikle yeni HTML5 öğeleri denir.</p>
+
+<p>Bir HTML belgesinde, bir öğe bir <em>başlangıç ​​etiketi</em> tarafından tanımlanır. Etiket başka içerikler içeriyorsa, etiketin adının önünde bir eğik çizgi: <code>&lt;/etiketadı&gt;</code> ile biten bir <em>kapanış etiketi</em> ile biter. Bazı etiketlerin kapatılması gerekmez resim etiketleri gibi .  HTML belgeleri, bu öğelerin bir hiyerarşik yapısını içerir. Her birinin yaptığı şeyi temsil etmek için adı verilmektedir. Örneğin, <code>&lt;title&gt;</code> etiketi belgenin başlığını temsil eder. Altta HTML Elemanları alfabetik listesi bulunmaktadır.</p>
+
+<p><a href="/en-US/docs/HTML/HTML5"><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="height: 16px; vertical-align: middle; width: 16px;" title="This element has been added in HTML5"></a> Sembolü, etiketin HTML5 ile eklendiğini gösterir. Burada listelenen diğer etiketlerin HTML5 belirtimi tarafından değiştirilmiş veya genişletilmiş olabileceğini unutmayın. Solgun renkli etiketler standart dışı, eskidir veya kullanımdan kaldırılmıştır; yeni Web sitelerinde kullanılmamalı ve aşamalı olarak mevcut web sitelerinden kaldırılmalıdır.</p>
+
+<p> </p>
+
+<div class="index widgeted"><span id="A">A</span>
+
+<ul>
+ <li>{{ HTMLElement("a") }}</li>
+ <li>{{ HTMLElement("abbr") }}</li>
+ <li><s class="obsoleteElement">{{ HTMLElement("acronym") }}</s></li>
+ <li>{{ HTMLElement("address") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("applet") }}</s></li>
+ <li>{{ HTMLElement("area") }}</li>
+ <li class="html5">{{ HTMLElement("article") }}</li>
+ <li class="html5">{{ HTMLElement("aside") }}</li>
+ <li class="html5">{{ HTMLElement("audio") }}</li>
+</ul>
+<span id="B">B</span>
+
+<ul>
+ <li>{{ HTMLElement("b") }}</li>
+ <li>{{ HTMLElement("base") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("basefont") }}</s></li>
+ <li class="html5">{{ HTMLElement("bdi") }}</li>
+ <li>{{ HTMLElement("bdo") }}</li>
+ <li><s class="nonStdElement">{{ HTMLElement("bgsound") }}</s></li>
+ <li><s class="obsoleteElement">{{ HTMLElement("big") }}</s></li>
+ <li><s class="nonStdElement">{{ HTMLElement("blink") }}</s></li>
+ <li>{{ HTMLElement("blockquote") }}</li>
+ <li>{{ HTMLElement("body") }}</li>
+ <li>{{ HTMLElement("br") }}</li>
+ <li>{{ HTMLElement("button") }}</li>
+</ul>
+<span id="C">C</span>
+
+<ul>
+ <li class="html5">{{ HTMLElement("canvas") }}</li>
+ <li>{{ HTMLElement("caption") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("center") }}</s></li>
+ <li>{{ HTMLElement("cite") }}</li>
+ <li>{{ HTMLElement("code") }}</li>
+ <li>{{ HTMLElement("col") }}</li>
+ <li>{{ HTMLElement("colgroup") }}</li>
+ <li class="html5">{{ HTMLElement("command") }}</li>
+</ul>
+<span id="D">D</span>
+
+<ul>
+ <li class="html5">{{ HTMLElement("data") }}</li>
+ <li class="html5">{{ HTMLElement("datalist") }}</li>
+ <li>{{ HTMLElement("dd") }}</li>
+ <li>{{ HTMLElement("del") }}</li>
+ <li>{{ HTMLElement("details") }}</li>
+ <li>{{ HTMLElement("dfn") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("dir") }}</s></li>
+ <li>{{ HTMLElement("div") }}</li>
+ <li>{{ HTMLElement("dl") }}</li>
+ <li>{{ HTMLElement("dt") }}</li>
+</ul>
+<span id="E">E</span>
+
+<ul>
+ <li>{{ HTMLElement("em") }}</li>
+ <li class="html5">{{ HTMLElement("embed") }}</li>
+</ul>
+<span id="F">F</span>
+
+<ul>
+ <li>{{ HTMLElement("fieldset") }}</li>
+ <li>{{ HTMLElement("figcaption") }}</li>
+ <li class="html5">{{ HTMLElement("figure") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("font") }}</s></li>
+ <li class="html5">{{ HTMLElement("footer") }}</li>
+ <li>{{ HTMLElement("form") }}</li>
+ <li><s class="obsoleteElement">{{ HTMLElement("frame") }}</s></li>
+ <li><s class="obsoleteElement">{{ HTMLElement("frameset") }}</s></li>
+</ul>
+<span id="G">G H</span>
+
+<ul>
+ <li>{{ HTMLElement("h1") }}</li>
+ <li>{{ HTMLElement("h2") }}</li>
+ <li>{{ HTMLElement("h3") }}</li>
+ <li>{{ HTMLElement("h4") }}</li>
+ <li>{{ HTMLElement("h5") }}</li>
+ <li>{{ HTMLElement("h6") }}</li>
+ <li>{{ HTMLElement("head") }}</li>
+ <li class="html5">{{ HTMLElement("header") }}</li>
+ <li class="html5">{{ HTMLElement("hgroup") }}</li>
+ <li>{{ HTMLElement("hr") }}</li>
+ <li>{{ HTMLElement("html") }}</li>
+</ul>
+<span id="I">I</span>
+
+<ul>
+ <li>{{ HTMLElement("i") }}</li>
+ <li>{{ HTMLElement("iframe") }}</li>
+ <li>{{ HTMLElement("img") }}</li>
+ <li>{{ HTMLElement("input") }}</li>
+ <li>{{ HTMLElement("ins") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("isindex") }}</s></li>
+</ul>
+<span id="J">J K</span>
+
+<ul>
+ <li>{{ HTMLElement("kbd") }}</li>
+ <li>{{ HTMLElement("keygen") }}</li>
+</ul>
+<span id="L">L</span>
+
+<ul>
+ <li>{{ HTMLElement("label") }}</li>
+ <li>{{ HTMLElement("legend") }}</li>
+ <li>{{ HTMLElement("li") }}</li>
+ <li>{{ HTMLElement("link") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("listing") }}</s></li>
+</ul>
+<span id="M">M</span>
+
+<ul>
+ <li>{{ HTMLElement("map") }}</li>
+ <li class="html5">{{ HTMLElement("mark") }}</li>
+ <li><s class="nonStdElement">{{ HTMLElement("marquee") }}</s></li>
+ <li class="html5">{{ HTMLElement("menu") }}</li>
+ <li>{{ HTMLElement("meta") }}</li>
+ <li class="html5">{{ HTMLElement("meter") }}</li>
+</ul>
+<span id="N">N</span>
+
+<ul>
+ <li class="html5">{{ HTMLElement("nav") }}</li>
+ <li>{{ HTMLElement("nobr") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("noframes") }}</s></li>
+ <li>{{ HTMLElement("noscript") }}</li>
+</ul>
+<span id="O">O</span>
+
+<ul>
+ <li>{{ HTMLElement("object") }}</li>
+ <li>{{ HTMLElement("ol") }}</li>
+ <li>{{ HTMLElement("optgroup") }}</li>
+ <li>{{ HTMLElement("option") }}</li>
+ <li class="html5">{{ HTMLElement("output") }}</li>
+</ul>
+<span id="P">P</span>
+
+<ul>
+ <li>{{ HTMLElement("p") }}</li>
+ <li>{{ HTMLElement("param") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("plaintext") }}</s></li>
+ <li>{{ HTMLElement("pre") }}</li>
+ <li class="html5">{{ HTMLElement("progress") }}</li>
+</ul>
+<span id="Q">Q</span>
+
+<ul>
+ <li>{{ HTMLElement("q") }}</li>
+</ul>
+<span id="R">R</span>
+
+<ul>
+ <li class="html5">{{ HTMLElement("rp") }}</li>
+ <li class="html5">{{ HTMLElement("rt") }}</li>
+ <li class="html5">{{ HTMLElement("ruby") }}</li>
+</ul>
+<span id="S">S</span>
+
+<ul>
+ <li>{{ HTMLElement("s") }}</li>
+ <li>{{ HTMLElement("samp") }}</li>
+ <li>{{ HTMLElement("script") }}</li>
+ <li class="html5">{{ HTMLElement("section") }}</li>
+ <li>{{ HTMLElement("select") }}</li>
+ <li>{{ HTMLElement("small") }}</li>
+ <li class="html5">{{ HTMLElement("source") }}</li>
+ <li><s class="nonStdElement">{{ HTMLElement("spacer") }}</s></li>
+ <li>{{ HTMLElement("span") }}</li>
+ <li><s class="deprecatedElement obsoleteElement">{{ HTMLElement("strike") }}</s></li>
+ <li>{{ HTMLElement("strong") }}</li>
+ <li>{{ HTMLElement("style") }}</li>
+ <li>{{ HTMLElement("sub") }}</li>
+ <li class="html5">{{ HTMLElement("summary") }}</li>
+ <li>{{ HTMLElement("sup") }}</li>
+</ul>
+<span id="T">T</span>
+
+<ul>
+ <li>{{ HTMLElement("table") }}</li>
+ <li>{{ HTMLElement("tbody") }}</li>
+ <li>{{ HTMLElement("td") }}</li>
+ <li>{{ HTMLElement("textarea") }}</li>
+ <li>{{ HTMLElement("tfoot") }}</li>
+ <li>{{ HTMLElement("th") }}</li>
+ <li>{{ HTMLElement("thead") }}</li>
+ <li class="html5">{{ HTMLElement("time") }}</li>
+ <li>{{ HTMLElement("title") }}</li>
+ <li>{{ HTMLElement("tr") }}</li>
+ <li class="html5">{{ HTMLElement("track") }}</li>
+ <li><s class="obsoleteElement">{{ HTMLElement("tt") }}</s></li>
+</ul>
+<span id="U">U</span>
+
+<ul>
+ <li>{{ HTMLElement("u") }}</li>
+ <li>{{ HTMLElement("ul") }}</li>
+</ul>
+<span id="V">V</span>
+
+<ul>
+ <li>{{ HTMLElement("var") }}</li>
+ <li class="html5">{{ HTMLElement("video") }}</li>
+</ul>
+<span id="W">W</span>
+
+<ul>
+ <li>{{ HTMLElement("wbr") }}</li>
+</ul>
+<span id="X">X Y Z </span>
+
+<ul>
+ <li><span id="X"><s class="deprecatedElement obsoleteElement">{{ HTMLElement("xmp") }}</s></span></li>
+</ul>
+</div>
+
+<p> </p>
diff --git a/files/tr/web/html/element/li/index.html b/files/tr/web/html/element/li/index.html
new file mode 100644
index 0000000000..bb52486b1e
--- /dev/null
+++ b/files/tr/web/html/element/li/index.html
@@ -0,0 +1,205 @@
+---
+title: <li>
+slug: HTML/Element/li
+translation_of: Web/HTML/Element/li
+---
+<p>{{HTMLRef}}</p>
+
+<p>The <strong>HTML <code>&lt;li&gt;</code> elementi</strong>, liste nesnesİ için kullanılır. Bir alt element içermelidir: bir sıralı liste ({{HTMLElement("ol")}}), bir sırasız liste ({{HTMLElement("ul")}}) veya bir menü ({{HTMLElement("menu")}}). Menülerde ve sırasız listelerde, listenen ögeler bir In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.</p>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
+   <td>None.</td>
+  </tr>
+  <tr>
+   <th scope="row">Permitted content</th>
+   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Flow content</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Tag omission</th>
+   <td>The <span title="syntax-end-tag">end tag</span> can be omitted if the list item is immediately followed by another {{HTMLElement("li")}} element, or if there is no more content in its parent element.</td>
+  </tr>
+  <tr>
+   <th scope="row">Permitted parent elements</th>
+   <td>An {{HTMLElement("ul")}}, {{HTMLElement("ol")}}, or {{HTMLElement("menu")}} element. Though not a conforming usage, the obsolete {{HTMLElement("dir")}} can also be a parent.</td>
+  </tr>
+  <tr>
+   <th scope="row">DOM interface</th>
+   <td>{{domxref("HTMLLIElement")}}</td>
+  </tr>
+  <tr>
+   <th scope="row">Element type</th>
+   <td>Block</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Attributes">Attributes</h2>
+
+<p>This element includes the <a href="/en-US/docs/Web/HTML/Global_attributes">global attributes</a>.</p>
+
+<dl>
+ <dt>{{htmlattrdef("value")}}</dt>
+ <dd>This integer attribute indicates the current ordinal value of the list item as defined by the {{HTMLElement("ol")}} element. The only allowed value for this attribute is a number, even if the list is displayed with Roman numerals or letters. List items that follow this one continue numbering from the value set. The <strong>value</strong> attribute has no meaning for unordered lists ({{HTMLElement("ul")}}) or for menus ({{HTMLElement("menu")}}).
+ <div class="note"><strong>Note</strong>: This attribute was deprecated in HTML4, but reintroduced in HTML5.</div>
+
+ <div class="note">
+ <p><strong>Note:</strong> Prior to {{Gecko("9.0")}}, negative values were incorrectly converted to 0. Starting in {{Gecko("9.0")}} all integer values are correctly parsed.</p>
+ </div>
+ </dd>
+ <dt>{{htmlattrdef("type")}} {{Deprecated_inline}}</dt>
+ <dd>This character attribute indicates the numbering type:
+ <ul>
+  <li><code>a</code>: lowercase letters</li>
+  <li><code>A</code>: uppercase letters</li>
+  <li><code>i</code>: lowercase Roman numerals</li>
+  <li><code>I</code>: uppercase Roman numerals</li>
+  <li><code>1</code>: numbers</li>
+ </ul>
+ This type overrides the one used by its parent {{HTMLElement("ol")}} element, if any.
+
+ <div class="note"><strong>Usage note:</strong> This attribute has been deprecated: use the CSS {{cssxref("list-style-type")}} property instead.</div>
+ </dd>
+</dl>
+
+<h2 id="Examples">Examples</h2>
+
+<pre class="brush: html">&lt;ol&gt;
+    &lt;li&gt;first item&lt;/li&gt;
+    &lt;li&gt;second item&lt;/li&gt;
+    &lt;li&gt;third item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>The above HTML will output:</p>
+
+<ol>
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ol>
+
+<pre class="brush: html">&lt;ol type="I"&gt;
+    &lt;li value="3"&gt;third item&lt;/li&gt;
+    &lt;li&gt;fourth item&lt;/li&gt;
+    &lt;li&gt;fifth item&lt;/li&gt;
+&lt;/ol&gt;
+</pre>
+
+<p>The above HTML will output:</p>
+
+<ol start="3" style="list-style-type: upper-roman;">
+ <li>third item</li>
+ <li>fourth item</li>
+ <li>fifth item</li>
+</ol>
+
+<pre class="brush: html">&lt;ul&gt;
+    &lt;li&gt;first item&lt;/li&gt;
+    &lt;li&gt;second item&lt;/li&gt;
+    &lt;li&gt;third item&lt;/li&gt;
+&lt;/ul&gt;</pre>
+
+<ul>
+ <li>first item</li>
+ <li>second item</li>
+ <li>third item</li>
+</ul>
+
+<p>For more detailed examples, see the <a href="/en-US/docs/Web/HTML/Element/ol#Examples">&lt;ol&gt;</a> and <a href="/en-US/docs/Web/HTML/Element/ul#Examples">&lt;ul&gt;</a> pages.</p>
+
+<h2 id="Specifications" name="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', 'grouping-content.html#the-li-element', '&lt;li&gt;')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'grouping-content.html#the-li-element', '&lt;li&gt;')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML4.01', 'lists.html#h-10.2', '&lt;li&gt;')}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td>The <code>type</code> attribute has been deprecated.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+<div>{{CompatibilityTable}}</div>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoDesktop("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatGeckoMobile("1.0")}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>Other list-related HTML Elements: {{HTMLElement("ul")}}, {{HTMLElement("li")}}, {{HTMLElement("menu")}}, and the obsolete {{HTMLElement("dir")}};</li>
+ <li>CSS properties that may be specially useful to style the <code>&lt;li&gt;</code> element:
+  <ul>
+   <li>the {{cssxref("list-style")}} property, to choose the way the ordinal is displayed,</li>
+   <li><a href="/Web/Guide/CSS/Counters">CSS counters</a>, to handle complex nested lists,</li>
+   <li>the {{cssxref("margin")}} property, to control the indent of the list item.</li>
+  </ul>
+ </li>
+</ul>
+
+<div> </div>
diff --git a/files/tr/web/html/element/link/index.html b/files/tr/web/html/element/link/index.html
new file mode 100644
index 0000000000..3c6a750c49
--- /dev/null
+++ b/files/tr/web/html/element/link/index.html
@@ -0,0 +1,402 @@
+---
+title: '<link>: Dış Kaynak Bağlantısı öğesi'
+slug: HTML/Element/link
+tags:
+  - Bağlantı
+  - Eleman
+  - HTML
+  - HTML belgesi meta verileri
+  - Referans
+  - Web
+  - Web Performansı
+  - meta veri
+translation_of: Web/HTML/Element/link
+---
+<div>{{HTMLRef}}</div>
+
+<p><strong>HTML Dış Kaynak Bağlantısı öğesi (<code>&lt;link&gt;</code>)</strong> geçerli belge ile harici kaynak arasındaki ilişkileri belirtir. Bu eleman en çok {{Glossary ("CSS", "stylesheets")}} bağlantısına kullanılır, ancak site simgeleri (hem "favicon" stil ikonları hem de ana ekran için simgeler ve mobil cihazlardaki uygulamalar) oluşturmak için de kullanılır.</p>
+
+<div>{{EmbedInteractiveExample("pages/tabbed/link.html")}}</div>
+
+<div class="hidden">Bu etkileşimli örneğin kaynağı bir GitHub deposunda saklanır. İnteraktif örnekler projesine katkıda bulunmak istiyorsanız, lütfen <a href="https://github.com/mdn/interactive-examples"> https://github.com/mdn/interactive-examples</a> ve bize bir çekme isteği gönderin.</div>
+
+<p>Harici bir stil sayfasını bağlamak için, {{HTMLElement ("head")}} içine şu şekilde bir <code>&lt;link&gt;</code> öğesi ekleyin:</p>
+
+<pre class="brush: html no-line-numbers">&lt;link href="main.css" rel="stylesheet"&gt;</pre>
+
+<p>Bu basit örnek, <code>href</code> özniteliği ve <code>stylesheet</code> değerine sahip bir <code>rel</code> özniteliğindeki stil sayfasının yolunu sağlar. <code>rel</code> "ilişki" anlamına gelir ve büyük olasılıkla <code>&lt;link&gt;</code> öğesinin temel özelliklerinden biridir - değer, bağlandığı öğenin bağlantıyla nasıl belge içeren ilişkilendirildiğini gösterir. <a href="/en-US/docs/Web/HTML/Link_types">Bağlantı türleri</a> referansımızdan göreceğiniz gibi, birçok farklı ilişki türü vardır.</p>
+
+<p>Karşılaştığınız başka yaygın türler de var. Örneğin, sitenin favicon'una bir bağlantı:</p>
+
+<pre class="brush: html no-line-numbers">&lt;link rel="icon" href="favicon.ico"&gt;</pre>
+
+<p>Çeşitli mobil platformlarda kullanım için özel simge türlerini belirtmek için kullanılan, örneğin <code> rel </code> değerleri olan başka bir simge vardır;</p>
+
+<pre class="brush: html no-line-numbers">&lt;link rel="apple-touch-icon-precomposed" sizes="114x114"
+      href="apple-icon-114.png" type="image/png"&gt;</pre>
+
+<p><code>sizes</code> niteliği simge boyutunu belirtirken, <code> type </code> bağlanan kaynağın MIME türünü içerir. Bunlar, tarayıcının mevcut en uygun ikonu seçmesine izin vermek için faydalı ipuçları sunar.</p>
+
+<p>Ayrıca bir <code> media </code> özniteliği içinde bir ortam türü veya sorgu da sağlayabilirsiniz; bu kaynak daha sonra yalnızca ortam koşulu doğru olduğunda yüklenir. Örneğin:</p>
+
+<pre class="brush: html no-line-numbers">&lt;link href="print.css" rel="stylesheet" media="print"&gt;
+&lt;link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"&gt;</pre>
+
+<p>Bazı ilginç yeni performans ve güvenlik özellikleri de <code>&lt;link&amp;gt</code> öğesine eklendi. Bu örneği ele alalım:</p>
+
+<pre class="brush: html no-line-numbers">&lt;link rel="preload" href="myFont.woff2" as="font"
+      type="font/woff2" crossorigin="anonymous"&gt;</pre>
+
+<p><code>rel</code> ve <code>preload</code> değeri, tarayıcının bu kaynağı önceden yüklemesi gerektiğini belirtir (bkz. <a href="/en-US/docs/Web/HTML/Preloading_content">rel="preload" içeriği önceden yükleme</a>) ile daha fazla ayrıntı için), <code>as</code> niteliği, getirilen belirli bir içerik sınıfını gösterir. <code>crossorigin</code> niteliği, kaynağın bir {{Glossary("CORS")}} isteği ile alınıp alınmayacağını belirtir.</p>
+
+<p>Diğer kullanım notları:</p>
+
+<ul>
+ <li>Bir <code>&lt;link&gt;</code> öğesi, <a href="https://html.spec.whatwg.org/multipage/links.html#body-ok">bağlantı türü </a> olup olmadığına bağlı olarak, {{HTMLElement("head")}} veya {{HTMLElement("body")}} <strong>body-ok</strong> olan öğesinde oluşabilir. Örneğin, <code>stylesheet</code> bağlantı türü body-ok'dur ve bu nedenle gövdede <code>&lt;link rel="stylesheet"&gt;</code> izin verilir. Ancak, bu izlenecek iyi bir uygulama değildir; <code>&lt;link&gt;</code> öğelerinizi gövde içeriğinizden ayırmak, bunları <code>&lt;head&gt;</code> içine yerleştirmek daha mantıklı olur.</li>
+ <li>Bir siteye favicon oluşturmak için <code>&lt;link&gt;</code> kullanırken siteniz güvenliğini artırmak için bir İçerik Güvenliği Politikası (CSP) kullanıyorsa, politika favicon'a uygulanır. Yüklenmeyen favicon ile ilgili sorunlarla karşılaşırsanız, {{HTTPHeader("Content-Security-Policy")}} başlığının <a href="/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src"><code>img-src</code> yönergesi</a> buna erişimi engellemiyor.</li>
+ <li>HTML ve XHTML özellikleri, <code>&lt;link&gt;</code> öğesi için olay işleyicilerini tanımlar, ancak bunların nasıl kullanılacağı açık değildir.</li>
+ <li>XHTML 1.0 altında, <code>&lt;link&gt;</code> gibi boş öğeler sonda eğik çizgi gerektirir: <code>&lt;link /&gt;</code>.</li>
+ <li>WebTV, <code>rel</code> için <code>next</code> değerinin bir sonraki sayfada bir belge dizisinde önyüklenmesini destekler.</li>
+</ul>
+
+<h2 id="Öznitelikler">Öznitelikler</h2>
+
+<p>Bu öğe <a href="/en-US/docs/Web/HTML/Global_attributes">genel özellikleri</a> içerir.</p>
+
+<dl>
+ <dt>{{HTMLAttrDef("as")}}</dt>
+ <dd>Bu özellik yalnızca <code>&lt;link&gt;</code> öğesinde <code> rel="preload"</code> veya <code>rel="prefetch"</code> ayarlanmışsa kullanılır. <code>&lt;link&gt;</code> tarafından yüklenen içeriğin türünü belirtir, istek eşleştirme, doğru <a href="/en-US/docs/Web/HTTP/CSP">içerik güvenlik politikasının uygulanması</a> ve doğru {{HTTPHeader("Kabul et")}} ayarlarının yapılması için gerekli olan istek başlığı. Ayrıca, <code>rel="preload"</code> bunu istek önceliklendirme için bir sinyal olarak kullanır. Aşağıdaki tabloda, bu özellik için geçerli değerler ve bunların uygulandıkları öğeler veya kaynaklar listelenmiştir.</dd>
+ <dd>
+ <table class="standard-table">
+  <thead>
+   <tr>
+    <th scope="col">Değeri</th>
+    <th scope="col">Şunlara Uygulanır</th>
+   </tr>
+  </thead>
+  <tbody>
+   <tr>
+    <td>audio</td>
+    <td><code>&lt;audio&gt;</code> elementler</td>
+   </tr>
+   <tr>
+    <td>document</td>
+    <td><code>&lt;iframe&gt;</code> ve <code>&lt;frame&gt;</code> elements</td>
+   </tr>
+   <tr>
+    <td>embed</td>
+    <td><code>&lt;embed&gt;</code> elementler</td>
+   </tr>
+   <tr>
+    <td>fetch</td>
+    <td>
+     <p>fetch, XHR</p>
+
+     <div class="blockIndicator note">
+     <p>Bu değer, crossorigin niteliğini içermek için <code>&lt;link&gt;</code> değerini de gerektirir.</p>
+     </div>
+    </td>
+   </tr>
+   <tr>
+    <td>font</td>
+    <td>CSS @font-face</td>
+   </tr>
+   <tr>
+    <td>image</td>
+    <td><code>&lt;img&gt;</code> ve <code>&lt;picture&gt;</code> srcset veya görüntü kümesi özniteliklerine sahip öğeler, SVG <code>&lt;image&gt;</code> öğelerini, CSS <code>*-image</code> kurallar</td>
+   </tr>
+   <tr>
+    <td>object</td>
+    <td><code>&lt;object&gt;</code> elemanlar</td>
+   </tr>
+   <tr>
+    <td>script</td>
+    <td><code>&lt;script&gt;</code> elemanlar, Çalışan <code>importScripts</code></td>
+   </tr>
+   <tr>
+    <td>style</td>
+    <td><code>&lt;link rel=stylesheet&gt;</code> elemanlar, CSS <code>@import</code></td>
+   </tr>
+   <tr>
+    <td>track</td>
+    <td><code>&lt;track&gt;</code> elemanlar</td>
+   </tr>
+   <tr>
+    <td>video</td>
+    <td><code>&lt;video&gt;</code> elemanlar</td>
+   </tr>
+   <tr>
+    <td>worker</td>
+    <td>Worker, SharedWorker</td>
+   </tr>
+  </tbody>
+ </table>
+ </dd>
+ <dt>{{HTMLAttrDef("crossorigin")}}</dt>
+ <dd>Bu numaralandırılmış öznitelik, kaynak alınırken {{Glossary("CORS")}} kullanılması gerektiğini gösterir. <a href="/en-US/docs/Web/HTML/CORS_Enabled_Image">CORS etkin görüntüler</a>, <em>lekelenmeden</em> {{HTMLElement("canvas")}} öğesinde yeniden kullanılabilir. İzin verilen değerler:
+ <dl>
+  <dt><code>anonymous</code></dt>
+  <dd>Çapraz kökenli bir istek (yani, {{HTTPHeader("Origin")}} HTTP başlığına sahip) yapılır, ancak hiçbir kimlik bilgisi gönderilmez (yani, çerez, X.509 sertifikası veya HTTP Temel kimlik doğrulaması) gönderilmez. Sunucu kaynak siteye kimlik bilgileri vermezse ({{HTTPHeader("Access-Control-Allow-Origin")}} HTTP başlığını ayarlayarak) kaynak etiketlenecek ve kullanımı kısıtlanacaktır.</dd>
+  <dt><code>use-credentials</code></dt>
+  <dd>Gönderilen bir kimlik bilgileriyle birlikte (örneğin, bir çerez, sertifika ve/veya HTTP Temel kimlik doğrulaması gerçekleştirilir) bir çapraz orijinallik isteği (ör. <code>taimted</code> HTTP başlığına sahip) Sunucu kaynak siteye kimlik bilgileri vermezse ({{HTTPHeader("Access-Control-Allow-Credentials")}} HTTP başlığı), kaynak <em>etiketlenir</em> ve kullanımı kısıtlanır.</dd>
+ </dl>
+ Öznitelik yoksa, kaynak {{Glossary("CORS")}} isteği olmadan (yani, <code>Origin</code> HTTP üstbilgisini göndermeden) tatsız kullanımını engeller. Geçersiz ise, numaralandırılmış <strong>anonim</strong> anahtar kelimesi kullanılmış gibi kullanılır. Ek bilgi için <a href="/en-US/docs/Web/HTML/CORS_settings_attributes">CORS ayarları niteliklerine</a> bakın.</dd>
+ <dt>{{HTMLAttrDef("disabled")}}</dt>
+ <dd>
+ <p>Yalnızca <code>rel="stylesheet"</code> için <code>disabled</code> Boolean özelliği, açıklanan stil sayfasının belgeye yüklenip yüklenmemesi gerektiğini belirtir. HTML yüklendiğinde <code>disabled</code> belirtilirse, sayfa yüklenirken stil sayfası yüklenmez. Bunun yerine, <code> disabled </code> özelliği <code>false</code> olarak değiştirildiyse veya kaldırılırsa, stil sayfası isteğe bağlı olarak yüklenir.</p>
+
+ <p>Ancak, stil sayfası yüklendikten sonra, <code>disabled</code> özelliğinin değerinde yapılan değişikliklerin artık {{domxref("StyleSheet.disabled")}} özelliğinin değeriyle hiçbir ilişkisi yoktur. Bunun yerine bu özelliğin değerini değiştirmek, belgeye uygulanan stil sayfası formunu etkinleştirir ve devre dışı bırakır.</p>
+
+ <p>Bu, <code>StyleSheet</code>'in <code>disabled</code> özelliğinden farklıdır; <code>true</code> olarak değiştirmek, stil sayfasını belgenin {{domxref("document.styleSheets")}} listesinden kaldırır ve <code>false</code> konumuna geri döndüğünde stil sayfasını otomatik olarak yeniden yüklemez.</p>
+ </dd>
+ <dt>{{HTMLAttrDef("href")}}</dt>
+ <dd>Bu özellik, bağlı kaynağın {{Glossary("URL")}} belirtir. Bir URL mutlak veya göreceli olabilir.</dd>
+ <dt>{{HTMLAttrDef("hreflang")}}</dt>
+ <dd>Bu özellik, bağlı kaynağın dilini gösterir. Tamamen tavsiye niteliğindedir. İzin verilen değerler <a href="https://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a> tarafından belirlenir. Bu özelliği yalnızca {{HTMLAttrxRef("href", "a")}} özelliği varsa kullanın.</dd>
+ <dt id="name-attribute">{{HTMLAttrDef("importance")}} {{Experimental_Inline}}</dt>
+ <dd>Kaynağın göreceli önemini gösterir. Öncelikli ipuçları, değerler kullanılarak verilir:</dd>
+ <dd>
+ <p><strong><code>auto</code></strong>: Indicates <strong>no preference</strong>. Tarayıcı, kaynağın önceliğine karar vermek için kendi sezgisel bilgilerini kullanabilir.</p>
+
+ <p><strong><code>high</code></strong>: Tarayıcıya kaynağın <strong> yüksek </strong> öncelikli olduğunu gösterir.</p>
+
+ <p><strong><code>low</code></strong>: Tarayıcıya, kaynağın <strong> düşük </strong> öncelikli olduğunu gösterir.</p>
+
+ <div class="blockIndicator note">
+ <p><strong>Not:</strong> <code>importance</code> özelliği, yalnızca <code>rel="preload"</code> veya <code>&lt;link&gt;</code> öğesi için kullanılabilir <code>rel="prefetch"</code> var.</p>
+ </div>
+ </dd>
+ <dt>{{HTMLAttrDef("integrity")}} {{Experimental_Inline}}</dt>
+ <dd>Tarayıcıya getirmesini söylediğiniz kaynağın (dosya) temel 64 kodlu şifreleme karması satır içi meta verilerini içerir. Tarayıcı, alınan kaynağın beklenmedik bir şekilde işleme alınmadığını doğrulamak için bunu kullanabilir. <a href="/en-US/docs/Web/Security/Subresource_Integrity">Alt Kaynak Bütünlüğü</a>'ne bakın.</dd>
+ <dt>{{HTMLAttrDef("media")}}</dt>
+ <dd>Bu özellik, bağlı kaynağın uygulanacağı medyayı belirtir. Değeri bir medya türü <a href="/en-US/docs/Web/CSS/Media_queries">medya sorgusu</a> olmalı. Bu özellik temel olarak harici stil sayfalarına bağlanırken kullanışlıdır - kullanıcı aracısının üzerinde çalıştığı cihaz için en iyi uyarlanmış olanı seçmesini sağlar.
+ <div class="blockIndicator note">
+ <p><strong>Notlar:</strong></p>
+
+ <ul>
+  <li>HTML 4'te bu, yalnızca boşluklarla ayrılmış basit bir medya açıklaması hazır bilgileri listesi olabilir; yani, <a href="/en-US/docs/Web/CSS/@media"> medya türleri ve grupları</a>, <code>print</code>, <code>screen</code>, <code>aural</code>, <code>braille</code> gibi bu özellik için değer olarak tanımlandığı ve izin verildiği yerlerde. HTML5 bunu, HTML 4'ün izin verilen değerlerinin yerini alan herhangi bir <a href="/en-US/docs/Web/CSS/Media Queries">medya sorgusu</a> türüne genişletmiştir.</li>
+  <li><a href="/en-US/docs/Web/CSS/Media_queries">CSS3 Medya Sorguları</a>'nı desteklemeyen tarayıcılar mutlaka yeterli bağlantıyı tanımayacaktır; HTML 4'te tanımlanan kısıtlı ortam sorgusu kümesi olan geri dönüş bağlantılarını ayarlamayı unutmayın.</li>
+ </ul>
+ </div>
+ </dd>
+ <dt>{{HTMLAttrDef("referrerpolicy")}} {{Experimental_Inline}}</dt>
+ <dd>Kaynağı alırken hangi yönlendiricinin kullanılacağını belirten bir dize:
+ <ul>
+  <li><code>no-referrer</code> {{HTTPHeader("Referer")}} başlığının gönderilmeyeceği anlamına gelir.</li>
+  <li><code>no-referrer-when-downgrade</code> TLS (HTTPS) olmadan bir başlangıç noktasına giderken {{HTTPHeader("Referer")}} başlığının gönderilmeyeceği anlamına gelir. Başka türlü bir politika belirtilmemişse, bu bir kullanıcı aracısının varsayılan davranışıdır.</li>
+  <li><code>origin</code> Yönlendiricinin, kabaca şema, ana bilgisayar ve bağlantı noktası olan sayfanın orijini olacağı anlamına gelir.</li>
+  <li><code>origin-when-cross-origin</code> diğer kaynaklara navigasyonun şema, ev sahibi ve liman ile sınırlı olacağı, aynı kaynaktaki navigasyonun yönlendirenin yolunu içereceği anlamına gelir.</li>
+  <li><code>unsafe-url</code> yönlendirenin orijini ve yolu içereceği anlamına gelir (ancak bölüm, parola veya kullanıcı adı değil). Bu durum güvensizdir, çünkü TLS korumalı kaynaklardan güvensiz kökenlere kökeni ve yolu sızdırabilir.</li>
+ </ul>
+ </dd>
+ <dt>{{HTMLAttrDef("rel")}}</dt>
+ <dd>Bu özellik, bağlı belgenin geçerli belgeyle ilişkisini adlandırır. Özelliğin, <a href="/en-US/docs/Web/HTML/Link_types">bağlantı türü değerlerinin</a> boşlukla ayrılmış bir listesi olması gerekir.</dd>
+ <dt>{{HTMLAttrDef("sizes")}}</dt>
+ <dd>Bu özellik, kaynakta bulunan görsel medya için simgelerin boyutlarını tanımlar. Yalnızca {{HTMLAttrxRef("rel", "link")}} bir <code>icon</code> değeri veya Apple'ın <code>apple-touch-icon</code> gibi standart olmayan bir tür içeriyorsa mevcut olmalıdır. Aşağıdaki değerlere sahip olabilir:
+ <ul>
+  <li><code>any</code>, yani, simge, <code>image/svg+xml</code> gibi bir vektör formatında olduğu gibi herhangi bir boyuta ölçeklenebilir.</li>
+  <li>her biri <code> <em>&lt;piksel cinsinden genişlik&gt;</em>x<em>&lt;piksel cinsinden yükseklik&gt;</em></code> veya <code>&lt;biçiminde bir beyaz boşlukla ayrılmış boyut listesi <em>&lt;piksel cinsinden="" genişlik=""&gt;&lt;/piksel&gt;</em>X<em>&lt;piksel cinsinden yükseklik&gt;</em></code>. Bu boyutların her biri kaynakta bulunmalıdır.</li>
+ </ul>
+
+ <div class="blockIndicator note">
+ <p><strong>Not:</strong> Çoğu simge formatı yalnızca bir simge saklayabilir; bu nedenle çoğu zaman {{HTMLAttrxRef("sizes")}} özelliği yalnızca bir giriş içerir. MS’in ICO formatı Apple’ın ICNS’sinin yaptığı gibi. ICO daha her yerde bulunur, bu nedenle eğer tarayıcılar arası destek kaygılıysa (özellikle eski IE sürümleri için) bu biçimi kullanmalısınız.</p>
+ </div>
+ </dd>
+ <dt>{{HTMLAttrDef("title")}}</dt>
+ <dd><code>title</code> niteliğinin <code>&lt;link&gt;</code> öğesinde özel bir semantiği vardır. Bir <code>&lt;link rel="stylesheet"&gt;</code> üzerinde kullanıldığında, bir <a href="/en-US/docs/Web/CSS/Alternative_style_sheets"> tercih edilen veya alternatif bir stil sayfasını</a> tanımlar. Yanlış kullanılması, <a href="/en-US/docs/Correctly_Using_Titles_With_External_Stylesheets">stil sayfasının yok sayılmasına neden olabilir</a>.</dd>
+ <dt>{{HTMLAttrDef("type")}}</dt>
+ <dd>Bu özellik, bağlantılı içeriğin türünü tanımlamak için kullanılır. Özelliğin değeri, <strong>metin/html</strong>, <strong>metin/css</strong> vb. gibi bir MIME türü olmalıdır. Bu özelliğin yaygın kullanımı, başvurulan stil sayfasının türünü tanımlamaktır (örneğin, <strong>metin/css</strong> gibi), ancak CSS’nin web’de kullanılan tek stil sayfası dili olduğu göz önüne alındığında, yalnızca <code>type</code> niteliğini atlayın, ancak aslında şu anda pratik önerilir. Tarayıcının yalnızca desteklediği dosya türlerini indirdiğinden emin olmak için <code>rel="preload"</code> bağlantı türlerinde de kullanılır.</dd>
+</dl>
+
+<h3 id="Standart_olmayan_özellikler">Standart olmayan özellikler</h3>
+
+<dl>
+ <dt>{{HTMLAttrDef("methods")}} {{Non-standard_Inline}}</dt>
+ <dd>Bu özelliğin değeri, bir nesnede gerçekleştirilebilecek işlevler hakkında bilgi sağlar. Değerler genellikle kullanıldığında HTTP protokolü tarafından verilir, ancak (<strong>başlık</strong> özniteliği ile benzer nedenlerle) bağlantıya önceden danışma bilgilerini eklemek yararlı olabilir. Örneğin, tarayıcı belirtilen yöntemlerin bir işlevi olarak bir bağlantının farklı bir oluşturulmasını seçebilir; aranabilir bir şey farklı bir simge alabilir veya bir dış link mevcut siteden ayrıldığının bir göstergesi olabilir. Bu özellik iyi tanımlanmamıştır ve tanımlayıcı tarayıcı Internet Explorer 4 tarafından bile desteklenmemektedir.</dd>
+ <dt>{{HTMLAttrDef("prefetch")}} {{Non-standard_Inline}} {{secureContext_inline}}</dt>
+ <dd>Bu özellik, bir sonraki gezinme işleminde gerekli olabilecek bir kaynağı ve kullanıcı aracısının onu alması gerektiğini tanımlar. Bu, ileride kaynak istendiğinde kullanıcı aracısının daha hızlı yanıt vermesini sağlar.</dd>
+ <dt>{{HTMLAttrDef("target")}} {{Non-standard_Inline}}</dt>
+ <dd>Tanımlanmış bağlantı ilişkisine sahip olan veya herhangi bir bağlantılı kaynağın oluşturulmasını gösterecek olan çerçeve veya pencere adını tanımlar.</dd>
+</dl>
+
+<h3 id="Eski_özellikler">Eski özellikler</h3>
+
+<dl>
+ <dt>{{HTMLAttrDef("charset")}} {{Obsolete_Inline}}</dt>
+ <dd>Bu özellik, bağlı kaynağın karakter kodlamasını tanımlar. Değer, {{rfc(2045)}}'de tanımlandığı gibi karakter kümelerinin boşluk ve/veya virgülle ayrılmış bir listesidir. Varsayılan değer şudur: <code>iso-8859-1</code>.
+ <div class="note"><strong>Kullanım notu:</strong> Bu eski özellik ile aynı efekti üretmek için, bağlı kaynak üzerinde {{HTTPHeader("Content-Type")}} HTTP başlığını kullanın.</div>
+ </dd>
+ <dt>{{HTMLAttrDef("rev")}} {{Obsolete_Inline}}</dt>
+ <dd>Bu özelliğin değeri, geçerli belgenin, {{HTMLAttrxRef("href", "link")}} özelliği ile tanımlandığı şekilde bağlantılı belgeyle ilişkisini gösterir. Böylece özellik, <code>rel</code> niteliğinin değeriyle karşılaştırıldığında ters ilişkiyi tanımlar. Özniteliğin <a href="/en-US/docs/Web/HTML/Link_types">bağlantı türü değerleri</a>, {{HTMLAttrxRef("rel", "link")}} için olası değerlere benzer.</dd>
+ <dd>
+ <div class="blockIndicator note">
+ <p><strong>Not:</strong> Bu özellik, WHATWG HTML yaşam standardı tarafından (MDN'nin kanonik davrandığı şartnamesi olan) geçersiz. Ancak, W3C şartnamesinde <code>rev</code>'in <em>değil</em> olduğuna dikkat edin. Bununla birlikte, belirsizlik göz önüne alındığında, <code>rev</code>'e güvenmek akıllıca değildir.</p>
+
+ <p>Bunun yerine, {{HTMLAttrxRef("rel", "link")}} özelliğini, karşıt <a href="/en-US/docs/Web/HTML/Link_types">bağlantı türü değeriyle</a> kullanmalısınız. Örneğin, <code>made</code> için ters bağlantı oluşturmak için <code>author</code>'u belirtin. Ayrıca, bu özellik "revizyon" anlamına gelmez ve birçok site bu şekilde kötüye kullanmasına rağmen, sürüm numarasıyla kullanılmamalıdır.</p>
+ </div>
+ </dd>
+</dl>
+
+<h2 id="CSS_ile_stil_oluşturma">CSS ile stil oluşturma</h2>
+
+<p><code>&lt;link&gt;</code> elemanın bir web belgesinde görsel bir varlığı yoktur, bu nedenle endişelenilmesi gereken herhangi bir tasarım düşüncesi yoktur.</p>
+
+<h2 id="Örnekler">Örnekler</h2>
+
+<h3 id="Stil_sayfası_dahil_etme">Stil sayfası dahil etme</h3>
+
+<p>Sayfaya stil sayfası eklemek için aşağıdaki söz dizimini kullanın:</p>
+
+<pre class="brush: html no-line-numbers">&lt;link href="style.css" rel="stylesheet"&gt;
+</pre>
+
+<h3 id="Alternatif_stil_sayfaları_sağlama">Alternatif stil sayfaları sağlama</h3>
+
+<p>Ayrıca <a href="/en-US/docs/Web/CSS/Alternative_style_sheets">alternatif stil sayfalarında</a> belirtebilirsiniz.</p>
+
+<p>Kullanıcı, Görünüm ve Sayfa Stili menüsünden seçerek hangi stil sayfasını kullanacağını seçebilir. Bu, kullanıcıların bir sayfanın birden çok sürümünü görmelerine olanak sağlar.</p>
+
+<pre class="brush: html no-line-numbers">&lt;link href="default.css" rel="stylesheet" title="Varsayılan Stil"&gt;
+&lt;link href="fancy.css" rel="alternate stylesheet" title="Fantezi"&gt;
+&lt;link href="basic.css" rel="alternate stylesheet" title="Temel"&gt;
+</pre>
+
+<h3 id="Farklı_kullanım_içerikleri_için_simgeler_sağlama">Farklı kullanım içerikleri için simgeler sağlama</h3>
+
+<p>Aynı sayfada birkaç farklı simgeye bağlantılar ekleyebilirsiniz ve tarayıcı ipucu olarak <code>rel</code> ve <code>sizes</code> değerlerini kullanarak kendi bağlamında hangisinin en iyi sonucu vereceğini seçer.</p>
+
+<pre class="brush: html no-line-numbers">&lt;!-- yüksek çözünürlüklü Retina ekranlı üçüncü nesil iPad: --&gt;
+&lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="favicon144.png"&gt;
+&lt;!-- yüksek çözünürlüklü Retina ekranlı iPhone: --&gt;
+&lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon114.png"&gt;
+&lt;!-- birinci ve ikinci nesil iPad: --&gt;
+&lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon72.png"&gt;
+&lt;!-- Retina olmayan iPhone, iPod Touch ve Android 2.1+ cihazlar: --&gt;
+&lt;link rel="apple-touch-icon-precomposed" href="favicon57.png"&gt;
+&lt;!-- basic favicon --&gt;
+&lt;link rel="icon" href="favicon32.png"&gt;</pre>
+
+<h3 id="Kaynakları_ortam_sorgularıyla_koşullu_olarak_yükleme">Kaynakları ortam sorgularıyla koşullu olarak yükleme</h3>
+
+<p>Bir <code>media</code> niteliği içinde bir ortam türü veya sorgu sağlayabilirsiniz; bu kaynak daha sonra yalnızca ortam koşulu doğru olduğunda yüklenir. Örneğin:</p>
+
+<pre class="brush: html no-line-numbers">&lt;link href="print.css" rel="stylesheet" media="print"&gt;
+&lt;link href="mobile.css" rel="stylesheet" media="all"&gt;
+&lt;link href="desktop.css" rel="stylesheet" media="screen and (min-width: 600px)"&gt;
+&lt;link href="highres.css" rel="stylesheet" media="screen and (min-resolution: 300dpi)"&gt;
+</pre>
+
+<h3 id="Stil_sayfası_yükleme_etkinlikleri">Stil sayfası yükleme etkinlikleri</h3>
+
+<p>Bir stil sayfasının ne zaman yüklendiğini, üzerine ateşlemek için bir <code> load </code> olayını izleyerek belirleyebilirsiniz; Benzer şekilde, bir stil sayfası işlenirken bir <code>error</code> olayını izleyerek bir hata olup olmadığını tespit edebilirsiniz:</p>
+
+<pre class="brush: html">&lt;script&gt;
+var myStylesheet = document.querySelector('#my-stylesheet');
+
+myStylesheet.onload = function() {
+  // İlginç bir şey yapın; sayfa yüklendi
+}
+
+myStylesheet.onerror = function() {
+  console.log("Stil sayfası yüklenirken bir hata oluştu!");
+}
+&lt;/script&gt;
+
+&lt;link rel="stylesheet" href="mystylesheet.css" id="my-stylesheet"&gt;
+</pre>
+
+<div class="blockIndicator note">
+<p><strong>Not:</strong> <code>load</code> olayı, stil sayfası ve içe aktarılan içeriğinin tümü yüklenip ayrıştırıldığında ve stillerin içeriğe uygulanmaya başlamasından hemen önce başlatılır.</p>
+</div>
+
+<h3 id="Önceden_yükleme_örnekleri">Önceden yükleme örnekleri</h3>
+
+<p><a href="/en-US/docs/Web/HTML/Preloading_content">İçeriği <code>rel="preload"</code></a> ile önyükleme, bir dizi <code> &amp;ltlink rel="preload"&gt;</code> örneği bulabilirsiniz.</p>
+
+<h2 id="Teknik_özet">Teknik özet</h2>
+
+<table class="properties">
+ <tbody>
+  <tr>
+   <th><a href="/en-US/docs/Web/HTML/Content_categories">İçerik kategorileri</a></th>
+   <td>Meta veri içeriği. <a href="/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop</a> varsa: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">akış içeriği</a> ve <a href="/en-US/docs/Web/HTML/Content_category#Phrasing_content">phrasing içeriği</a>.</td>
+  </tr>
+  <tr>
+   <th>İzin verilen içerik</th>
+   <td>Yok, bir {{Glossary("boş eleman")}}.</td>
+  </tr>
+  <tr>
+   <th>Etiket ihmali</th>
+   <td>Boş bir öğe olduğundan, başlangıç etiketi bulunmalı ve bitiş etiketi bulunmamalıdır</td>
+  </tr>
+  <tr>
+   <th>İzin verilen ebeveynler</th>
+   <td>Meta veri öğelerini kabul eden herhangi bir öğe. <a href="/en-US/docs/Web/HTML/Global_attributes/itemprop">itemprop</a> varsa: <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">içerik ifadesi</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">İzin verilen ARIA rolleri</th>
+   <td>Hiçbiri</td>
+  </tr>
+  <tr>
+   <th>DOM arayüzü</th>
+   <td>{{DOMxRef("HTMLLinkElement")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Şartnames">Şartnames</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Şartname</th>
+   <th scope="col">Durum</th>
+   <th scope="col">Yorum</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("Preload")}}</td>
+   <td>{{Spec2("Preload")}}</td>
+   <td>Defines <code>&lt;link rel="preload"&gt;</code>, ve <code>as</code> atıf.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("Subresource Integrity", "#HTMLLinkElement", "lt;link&gt;")}}</td>
+   <td>{{Spec2("Subresource Integrity")}}</td>
+   <td><code>integrity</code> atıf eklendi.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML WHATWG", "semantics.html#the-link-element", "&lt;link&gt;")}}</td>
+   <td>{{Spec2("HTML WHATWG")}}</td>
+   <td>En son anlık görüntüden değişiklik yok</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML5 W3C", "document-metadata.html#the-link-element", "&lt;link&gt;")}}</td>
+   <td>{{Spec2("HTML5 W3C")}}</td>
+   <td><code>crossorigin</code> ve <code>sizes</code> özellikleri eklendi; Herhangi bir medya sorgusuna <code>media</code> genişletilmiş değerleri; <code> rel </code> için birçok yeni değer ekledi.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName("HTML4.01", "struct/links.html#h-12.3", "&lt;link&gt;")}}</td>
+   <td>{{Spec2('HTML4.01')}}</td>
+   <td></td>
+  </tr>
+  <tr>
+   <td>{{SpecName("Resource Hints", "#prefetch", "prefetch")}}</td>
+   <td>{{Spec2("Resource Hints")}}</td>
+   <td><code>dns-prefetch</code>, <code>preconnect</code>, <code>prefetch</code> ve <code>prerender</code> eklendi.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Tarayıcı_uyumluluğu">Tarayıcı uyumluluğu</h2>
+
+<div class="hidden">Bu sayfadaki uyumluluk tablosu yapılandırılmış verilerden üretilmiştir. Verilere katkıda bulunmak istiyorsanız, lütfen <a href="https://github.com/mdn/browser-compat-data"> https://github.com/mdn/browser-compat- veri </a> ve bize çekme isteği gönderin.</div>
+
+<p>{{Compat("html.elements.link", 3)}}</p>
+
+<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>
+
+<ul>
+ <li>{{HTTPHeader("Link")}} HTTP başlık</li>
+ <li><a href="https://pie.gd/test/script-link-events/">Ryan Grove'un &lt;script&gt; ve &lt;link&gt; düğümü olayı uyumluluk tablosu</a></li>
+</ul>
diff --git a/files/tr/web/html/html5/index.html b/files/tr/web/html/html5/index.html
deleted file mode 100644
index d4ab791219..0000000000
--- a/files/tr/web/html/html5/index.html
+++ /dev/null
@@ -1,254 +0,0 @@
----
-title: HTML5
-slug: Web/HTML/HTML5
-tags:
-  - HTML
-  - HTML5
-  - html kaynak
-  - html5 firefox
-  - html5 kaynak
-  - html5 komutlar
-  - html5 mozilla
-  - html5 nedir
-  - html5 türkçe
-  - html5 türkçe açıklama
-  - web geliştirici
-translation_of: Web/Guide/HTML/HTML5
----
-<p><span class="seoSummary"><strong>HTML5</strong> , html standartlarının son halidir. Anlam olarak iki farklı kavramı temsil eder:</span></p>
-
-<ul>
- <li>Yeni elemanları, özellikleri ve davranışları içeren bir HTML sürümünü,</li>
- <li>Çok güçlü ve farklı  Web siteleri ve uygulamalarını kapsayan çok büyük bir teknoloji kümesini ki HTML5 olarak kısaltılmış olup HTML5 ve elemanları diye bilinir.</li>
-</ul>
-
-<p>Tüm web geliştiriciler için kullanılabilir olmasına yönelik tasarlanmış olup; bu referans sayfası, fonksiyonlarına göre çeşitli sınıflara ayrılmış HTML5 teknolojileri hakkında bağlantıları barındırır, bunlar:</p>
-
-<ul>
- <li><em><strong>Semantics (Kurgulama Durumu)</strong></em><strong>:</strong> İçeriğinizi daha iyi tanımlamanıza<strong>,</strong></li>
- <li><strong><em>Connectivity (Bağlantı Durumu)</em>:</strong> Sunucuya yeni ve yenilikçi yollarla bağlanmanıza,</li>
- <li><strong><em>Offline &amp; Storage (Çevrimdışılık ve Depolama Durumu)</em>:</strong>  Web sayfalarının yerel sunucuda veri depolamasına ve çevrimdişı daha verimli kullanılmasına,</li>
- <li><em><strong>Multimedia (Çoklumedya)</strong></em><strong>:</strong> Open Web ile 1. sınıf programcılar, video ve ses üretmesine, </li>
- <li><em><strong>2D/3D Graphics &amp; Effects (2 ve 3 Boyutlu Grafik ve Efekler)</strong></em><strong>:</strong> <br>
-  Daha fazla ve çeşitli boyuttaki sunum seçeneklerine,  </li>
- <li><em><strong>Performance &amp; Integration (Performans ve Entegre Etme)</strong></em><strong>:</strong> Bilgisayar donanımının daha iyi kullanılmasına ve daha büyük hızlara çıkılabilmesine, </li>
- <li><em><strong>Device access (Sürücülere Ulaşma)</strong></em><strong>:</strong> Çeşitli giriş ve çıkış sürücülerinin kullanılmasına, </li>
- <li><strong><em>S<strong>tyling (Şekillendirme)</strong></em><strong>:</strong></strong> Web tasarımcılarının, daha görkemli temelara hükmetmesine imkan tanır.<br>
-   </li>
-</ul>
-
-<div class="cleared row topicpage-table">
-<div class="section">
-<h2 id="semantik_Kurgulama" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3827/HTML5_Semantics_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">semantik (Kurgulama)</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">HTML5 Bölüm ve Anahatlar</a></dt>
- <dd>HTML5 bölüm ve anahatlarını belirleyen {{ HTMLElement("section") }}, {{ HTMLElement("article") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("aside") }} ve {{ HTMLElement("hgroup") }} adlı yeni HTML5 elemanlarına bakış.</dd>
- <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">HTML5 Video ve Ses Elemanlarının Kullanılması</a> </dt>
- <dd>{{ HTMLElement("audio") }} ve {{ HTMLElement("video") }} elemanlarının yerleştirilmesi ve yeni multimedya içeriğinin şekilllendirilmesi.</dd>
- <dt><a href="/en-US/docs/HTML/Forms_in_HTML" title="Forms in HTML5">HTML5 Formlar</a></dt>
- <dd>API doğrulamayla kısıtlanmış yeni özellikler,  {{ HTMLElement("input") }} kullanım tipi (English: {{ htmlattrxref("type", "input") }}) için yeni değerler ve yeni bir {{ HTMLElement("output") }} elemanı için  HTML5' de web formlarındaki iyileştirmelere bir bakış.</dd>
- <dt>Yeni Kurgu (Semantic) Elemanları</dt>
- <dd>Bölümlerin, medya ve form elemanlarının yanında {{ HTMLElement("mark") }}, {{ HTMLElement("figure") }}, {{ HTMLElement("figcaption") }}, {{ HTMLElement("data") }}, {{ HTMLElement("time") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }} veya {{ HTMLElement("meter") }}, {{HTMLElement("main")}} gibi <a href="/en-US/docs/HTML/HTML5/HTML5_element_list" title="/en-US/docs/HTML/HTML5/HTML5_element_list">geçerli HTML5 elemanları</a>  içerisine dahil edilen yeni birçok eleman vardır.</dd>
- <dt>{{HTMLElement("iframe")}} İyileştirmesi</dt>
- <dd>Şimdi {{htmlattrxref("sandbox", "iframe")}}, {{htmlattrxref("seamless", "iframe")}} ve {{htmlattrxref("srcdoc", "iframe") }}  komutlarının kullanılmasıyla artık programcılar güvenlik düzeyi ve bir {{HTMLElement("iframe")}} elementi için umulan iyi renderi oluşturma konusunda emin olabilirler. </dd>
- <dt> <a href="/en-US/docs/MathML" title="/en-US/docs/MathML">MathML</a> </dt>
- <dd>Direkt matematiksel formülleri embed etmeye (gömmeye) imkan verir.</dd>
- <dt><a href="/en-US/docs/HTML/HTML5/Introduction_to_HTML5" title="/en-US/docs/HTML/HTML5/Introduction_to_HTML5">HTML5' e Giriş</a></dt>
- <dd>Bu makale, web dizayn ve web uygulamalarınızda kullandığınız HTML5' in tarayıcılarda (browser) nasıl şekillendirileceğini açıklar.</dd>
- <dt><a href="/en-US/docs/HTML/HTML5/HTML5_Parser" title="HTML/HTML5/HTML5 parser">HTML5 -Compliant Parser</a> (HTML5 - Uyumlu Ayrıştırıcılar) </dt>
- <dd>Bir HTML dökümanının DOM (İngilizce: Document Object Model yani Dökümanın Nesnesel Modeli) baytlarını döndüren ayrıştırıcı, şimdi geçersiz HTML ile karşı karşıya kalındığı taktirde bile genişletilmiş ve tam olarak her durumdaki davranışı tanımlayabilmektedir.</dd>
-</dl>
-
-<h2 id="CONNECTİVİTY_BAğlanılabilirlik" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3839/HTML5_Connectivity_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">CONNECTİVİTY (BAğlanılabilirlik)</h2>
-
-<dl>
- <dt><a href="/en-US/docs/WebSockets" title="WebSockets">Web Soketleri</a></dt>
- <dd>Sayfa ve sunucu arasında kalıcı bağlantı kurulmasına ve bilinen HTML tarzına uymayan veri alışverişini de sağlar.</dd>
- <dt><a href="/en-US/docs/Server-sent_events/Using_server-sent_events" title="/en-US/docs/Server-sent_events/Using_server-sent_events">Sunucu - Gönderim Olayları</a></dt>
- <dd>Sunucunun yanlızca istemcinin beklentilerine yanıt olarak gönderebileceği klasikleşmiş verilerden ziyade, sunucuya istemci için olayları daha da öteleme imkanı tanır.</dd>
- <dt><a href="/en-US/docs/WebRTC" title="/en-US/WebRTC">WebRTC</a> (Real-Time Communication) </dt>
- <dd>Bu teknoloji, bir eklenti ve bir harici uygulamaya gerek duymaksızın, diğer kişilerle iletişime ve direkt tarayıcı içinde video konferans kontrolüne imkan tanıyan, gerçek zamanlı iletişim diğer adıyla<br>
- RTC (Real-Time Communication) olarak hizmet verir.</dd>
-</dl>
-
-<h2 id="OFFLİNE_STORAGE_çevrimdışılık_ve_depolama" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3833/HTML5_Offline_Storage_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">OFFLİNE &amp; STORAGE (çevrimdışılık ve depolama)</h2>
-
-<dl>
- <dt><a href="/en-US/docs/HTML/Using_the_application_cache" title="Offline_resources_in_Firefox">Çevrim Dışı Kaynaklar: Uygulama Önbelleği</a></dt>
- <dd>Firefox tümüyle çevrimdışı HTML5 kaynak özelliğini desteklediği gibi çevrimdışı diğer birçok kaynak desteği bulunmaktadır.</dd>
- <dt><a href="/en-US/docs/Online_and_offline_events" title="Online_and_offline_events">Çevrimiçi ve Çevrimdışı Olaylar</a></dt>
- <dd>Firefox 3, bağlantının bittiğinin yahut devam ettiğinin tespiti kadar etkili bir şekilde uygulama ve eklentilere, aktif internet bağlantısının olup olmadığını tespit edebilecekleri çevrimiçi ve çevrimdışı WHATWG yani Web Hypertext Aplication Tecnology Working Group<br>
- ( Web Köprü Uygulamaları Teknoloji Gurubu) olaylarını (events) destekler.</dd>
- <dt><a href="/en-US/docs/DOM/Storage" title="DOM/Storage">WHATWG İstemci Oturumu ve Kalıcı Depolama (aka DOM Depolama)</a></dt>
- <dd>İstemci atarafı oturumunda ve kalıcı depolamada, web uygulamalarına istemci tarafında veri depolayabilmelerine izin verir.</dd>
- <dt><a href="/en-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a> (İndexlenmiş Veri Tabanı)</dt>
- <dd>Tarayıcıda önemli miktarda yapılandırılmış verinin depolanması ve bu veri indeksini kullanarak yüksek performanslı erişimin sağlanabileceği bir weeb standardıdır.</dd>
- <dt><a href="/en-US/docs/Using_files_from_web_applications" title="Using_files_from_web_applications">Web Uygulamalarında Dosyaların Kullanılması</a></dt>
- <dd>Dosya API desteğinin yeni HTML5 için gecko'ya eklenmesi web uygulamalrı için kullanıcının seçtiği yerel dosyalara ulaşmasının mümkün kılmıştır. Bu içerik HTML elemanlarının çoklu ve yeni özelliklerle {{ HTMLElement("input") }}  şeklinin (<a href="https://developer.mozilla.org/en-US/docs/HTML/Element/Input#attr-type" title="HTML/Element/input#attr-type"><strong>type</strong></a>) kullanılarak çoklu dosya seçilmesini destekler. O da FileReader<br>
- (Dosya okuyucu) olarak bilinir. </dd>
-</dl>
-
-<p> </p>
-
-<h2 id="MULTIMEDIA_çoklu_ortam" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3835/HTML5_Multimedia_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">MULTIMEDIA (çoklu ortam)</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Using_HTML5_audio_and_video" title="Using_audio_and_video_in_Firefox">HTML5 Ses ve Videonun Kullanılması</a></dt>
- <dd>HTML5 için {{ HTMLElement("audio") }} ve {{ HTMLElement("video") }} elemanları gömülebilir ve yeni multimedya içeriğinin üzerinde manipülasyon yapılabilmesine izin verir.</dd>
-</dl>
-
-<dl>
- <dt><a href="/en-US/docs/WebRTC" title="/en-US/WebRTC">WebRTC</a></dt>
- <dd>RTC (Real Time Communication) "Gerçek zamanlı iletişim" olarak sunulan bu teknoloji, eklenti ve harici uygulamaya gerek duymaksızın diğer kişilerle direkt olarak iletişime ve tarayıcı içinde video konferansın kontrol edilmesine imkan verir.</dd>
- <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" style="font-weight: bold;" title="/en-US/docs/DOM/Using_the_Camera_API">Kamera API Kullanımı</a><strong style="font-weight: bold;"> </strong></dt>
- <dd><a href="http://sosyalmedya.co/api-nedir/">API Nedir</a>: İngilizce <strong>Aplication Programming Interface </strong> kelimelerinin kısaltılmış hali olup anlam olarak, "Uygulamaları programlamak için kullanılan arayüz." manasına karşılık gelir.<br>
- <br>
- Bu API sayesinde bilgisayar kamerasından bir görüntü alınabilir ve üzerinde değişiklik yapılabilir.</dd>
- <dt>Traklar ve WebVTT</dt>
- <dd>WebVTT demek Web Video Text Tracks yani  Webdeki videoların yazı formudur. {{HTMLElement("track")}} elemanı videolarda altyazı ve bölümlere izin verir. <a href="https://developer.mozilla.org/en-US/docs/HTML/WebVTT" title="HTML/WebVTT">WebVTT</a> bir yazı formatıdır.</dd>
-</dl>
-
-<h2 id="sect1" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"> </h2>
-
-<h2 id="3d_ÜÇ_BOYUTLU_grafikler_ve_efektler" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3841/HTML5_3D_Effects_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">3d (ÜÇ BOYUTLU) grafikler ve efektler</h2>
-
-<dl>
- <dt><a href="/en-US/docs/Canvas_tutorial" title="Canvas tutorial">Canvas Elemanının Kullanımına Örnekler</a></dt>
- <dd>Firefox' da yeni {{ HTMLElement("canvas") }} elemanı, nesneleri ve diğer grafikleri nasıl çizer öğrenin.</dd>
- <dt><a href="/en-US/docs/Drawing_text_using_a_canvas" title="Drawing_text_using_a_canvas"><code>&lt;canvas&gt;</code> elemanı için HTML5 Yazı API' leri</a> </dt>
- <dd>Artık HTML5 yazı API' lerini {{ HTMLElement("canvas") }} elemanı tarafından desteklenmektedir.</dd>
- <dt><a href="/en-US/docs/WebGL" title="WebGL">WebGL</a> (Web Graphic Library)</dt>
- <dd>WebGL, Web Grafik Kütüphanesi anlamındadır. WebGL, web platformuna, HTML5 {{ HTMLElement("canvas") }}  elemanları içinde kullanılabilecek OpenGL ES 2.0 ile yakından uyumlu bir API sunarak, Üç boyutlu grafik kullanım imkanı sunmuştur.</dd>
- <dt><a href="/en-US/docs/SVG" title="/en-US/docs/SVG">SVG</a> (Scalable Vector Graphics)</dt>
- <dd>Doğrudan HTML içine gömülebilecek vektörel görüntülerin XML tabanlı şeklidir.</dd>
-</dl>
-</div>
-
-<div class="section">
-<h2 id="performans_ve_entegrasyon" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3831/HTML5_Performance_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">performans ve entegrasyon</h2>
-
-<dl>
- <dt><a href="/en-US/docs/DOM/Using_web_workers" title="Using web workers">Webte Çalışanlar</a></dt>
- <dd>İnteraktif olayları yavaşlatan arkaplan örgüsünün önüne geçmek için javascript kodlama kümesine izin verir.</dd>
- <dd><code>2.Seviye <a href="/en-US/docs/DOM/XMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></code><br>
- Sayfanın bazı bölümlerinden, zaman bağlı kalmadan bilgi çekmek mümkündür. Bu da değişken olan zaman ve kullanıcı eylemlerine göre dinamik içeriği görüntülemeye imkan verir. Bu  <a href="/en-US/docs/AJAX" title="/en-US/docs/AJAX">Ajax</a><br>
- arkasındaki teknolojidir.</dd>
- <dt>JavaScript Motorunun Anında Derlenmesi  ( JIT-Compiling ) </dt>
- <dd>Yeni nesil javascript motorları JIT (Just in Time) ile büyük performansa imkan verecek derecede çok güçlüdür.</dd>
- <dt><a href="https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history" title="https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history"> Tarayıcı Geçmiş Bilgisi API' si</a></dt>
- <dd>Tarayıcının belleğinde kalmış bilgiler üzerinde manipülasyon yapmaya imkan verir. Bu özellikle web sayfaları için etkileşimli bilgileri yüklemek için yararlıdır.</dd>
- <dt><a href="/en-US/docs/HTML/Content_Editable" title="HTML/Content Editable">contentEditable </a>elemanı:Web Sitenizi Bir Wiki Kaynağına Dönüştürme</dt>
- <dd>HTML5, contentEditable özelliğini standart hale getirmiştir. Bu yenilik hakkında daha fazla bilgi edinin.</dd>
- <dt><a href="/en-US/docs/DragDrop/Drag_and_Drop" title="DragDrop/Drag_and_Drop">Drag ve Drop</a> (Sürükle-Bırak) Özelliği </dt>
- <dd>HTML5, sürükle-bırak özelliği web siteleri içi ve web sayfaları arasında öğeleri sürükleme özelliğini destekler. Bu aynı zamanda daha basit API' lerin uzantılar ve mozilla tabanlı uygulamalar için kullanılabilmesini sağlar.</dd>
- <dt><a href="/en-US/docs/Focus_management_in_HTML" title="Focus_management_in_HTML">HTML Focus Yönetimi </a>(Odaklama)</dt>
- <dd>Yeni HTML5, <strong><code>activeElement</code></strong> ve <strong><code>hasFocus()</code></strong> özelliklerini desteklemektedir.</dd>
- <dt><a href="/en-US/docs/Web-based_protocol_handlers" title="Web-based_protocol_handlers">Web Tabanlı Protokol İşleyicileri</a></dt>
- <dd>Şimdi web uygulamalarını,<br>
-  <code><strong>navigator.registerProtocolHandler()</strong></code><br>
- metodunu kullanarak protokol işleyicisi olarak kaydedebilirsiniz.</dd>
- <dt><a href="/en-US/docs/DOM/window.requestAnimationFrame" title="/en-US/docs/DOM/window.requestAnimationFrame"><code>requestAnimationFrame</code></a></dt>
- <dd>En iyi performansı almak için animasyonların render kontrolüne imkan tanır.</dd>
- <dt><a href="/en-US/docs/DOM/Using_full-screen_mode" title="/en-US/docs/DOM/Using_full-screen_mode">Tam Ekran API'si</a></dt>
- <dd>Tarayıcı UI (User Interface) yani kullanıcı arabirimi olmaksızın bir web sayfası yahut uygulama için ekranın bütününü denetler.</dd>
- <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="/en-US/docs/API/Pointer_Lock_API">İşaretçi Kilitlenme (Lock) API' si</a></dt>
- <dd>İşaretçinin pencere sınırını aşabileceği durumlarda, çoğu oyun ve benzeri uygulamaların bütünlüğünü kaybetmemesi için işaretçinin web sayfasının içeriğine kilitlenmesine (Ya kısıtlanmasına yahut hareketinin sınırlandırılmasına) imkan verir.</dd>
- <dt><a href="/en-US/docs/Online_and_offline_events" title="/en-US/docs/Online_and_offline_events">Çevrimiçi ve Çevrimdışı Olaylar</a></dt>
- <dd>Çevrimdışı özelliği barındıran iyi bir web uygulaması oluşturabilmeniz için uygulamanın ne zaman çevrimdışı olduğunu bunun yanında uygulamanızın ne zaman tekrar çevrim içi duruma döndüğünü bilmeniz gerekir.</dd>
-</dl>
-
-<h2 id="cihaz_erişimi" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3837/HTML5_Device_Access_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">cihaz erişimi</h2>
-
-<dl>
- <dt><a href="/en-US/docs/DOM/Using_the_Camera_API" title="/en-US/docs/DOM/Using_the_Camera_API"> Kamera API'sinin Kullanımı</a></dt>
- <dd>Bilgisayarınızın kamerasından bir resim yada bir video yakalayıp üzerinde değişiklik yapmaya ve bunları depolayabilemeye imkan tanır.</dd>
- <dt><a href="/en-US/docs/DOM/Touch_events" title="/en-US/docs/DOM/Touch_events">Dokunmatik Olaylar</a></dt>
- <dd>Dokunmatik ekrana basarak kullanıcılar, bir başkası tarafından oluşturulan olaylara yanıt verebilirler.</dd>
- <dt><a href="/en-US/docs/Using_geolocation" title="Using geolocation">Konum Bilgisinin (GeoLocation) Kullanılması</a></dt>
- <dd>Tarayıcılara kullanıcının konum bilgisini kullanarak yerinin belirlenmesi imkanını verir.</dd>
- <dt><a href="/en-US/docs/Detecting_device_orientation" title="/en-US/docs/Detecting_device_orientation">Cihaz Yönünü Saptama</a></dt>
- <dd>Cihazın çalıştığı tarayıcıyla ilgili yön değişiklikleri hakkında bilgi alınabilir. Bu bir giriş cihazı olarak (örneğin cihazın yer değiştirmesine bağlı oyunlar yapmak) veya ekranın yönünün sayfanın düzenine bağlı olarak (yatay ve dikey) olarak adapte edilebilmesi için kullanışlıdır.</dd>
- <dt><a href="/en-US/docs/API/Pointer_Lock_API" title="/en-US/docs/API/Pointer_Lock_API">İşaretçi (Kilitleme-Sabitleme) API'si</a></dt>
- <dd>İşaretçi ekranın dışına ulaştığında birçok oyun ve benzeri uygulamaların merkezinin kaybolmaması amacıyla işaretçinin içerik için sabitlenmesine olanak verir.</dd>
-</dl>
-
-<h2 id="Stİller" style="margin: 0 0 .25em; font: 200 24px/1 'Bebas Neue','League Gothic',Haettenschweiler,'Arial Narrow',sans-serif; letter-spacing: 1px; text-transform: uppercase; border: none;"><img alt="" src="/files/3829/HTML5_Styling_512.png" style="height: 64px; padding-right: 0.5em; vertical-align: middle; width: 64px;">Stİller</h2>
-
-<p><a href="/en-US/docs/CSS" title="/en-US/docs/CSS">CSS</a> çok kopleks yollarla elemanları şekillendirmek için genişletilmiştir. <a href="/en-US/docs/CSS/CSS3" title="/en-US/docs/CSS/CSS3">CSS3</a> olarak önerilmiştir ki CSS3 artık farklı modülleri içinde barındıran kalıplaşmış bir 3. CSS versiyonu olarak bilinmez; <br>
- 1. versiyon ve 4. versiyona kadar bütün şekillendirme komutlarını bünyesinde toplamıştır.</p>
-
-<dl>
- <dt>Yeni Arkaplan Stil Özellikleri</dt>
- <dd>{{ cssxref("box-shadow") }} komutuyla bir kutuya gölge efekti vermek ve <a href="/en-US/docs/CSS/Multiple_backgrounds" title="/en-US/docs/CSS/Multiple_backgrounds">çoklu arkaplan</a> ayarlamaya izin vermiştir.</dd>
- <dt>Daha Süslü Çerçeveler</dt>
- <dd>Sadece {{ cssxref("border-image") }} ve bunlara ait kişisel tercihler çerçeve şekillendirilmesinde kullanılmamaktadır.<br>
- {{ cssxref("border-radius") }} özelliği sayesinde çerçeveleri ovalleştirmek de mümkündür.</dd>
- <dt>Stillerinizin Animasyonlaştırılması</dt>
- <dd>Farklı konumlar arasında hiçbir tetikleyici olmadan yahut sayfanın bir bölümünde <a href="/en-US/docs/CSS/Using_CSS_animations" title="/en-US/docs/CSS/Using_CSS_animations">CSS animasyonları</a> kullanarak animasyon yapmada <a href="/en-US/docs/CSS/Using_CSS_transitions" title="/en-US/docs/CSS/Using_CSS_transitions">CSS Transitions</a> (CSS Geçiş Efekleri) kullanılmaktadır. Şimdi Mobil elemanlarını da sayfanızda kontrol edebilirsiniz  </dd>
- <dt>Tipoğrafi İyileştirmeleri</dt>
- <dd>Web tasarımcıları mükemmel tipoğrafiye (Ekrana Basma) ulaşmak için güçlü kontrole sahip olurlar. Bu kontroller için {{ cssxref("text-overflow") }} ve <a href="/en-US/docs/CSS/hyphens" title="/en-US/docs/CSS/hyphens">hyphenation</a>, <a href="/en-US/docs/CSS/text-shadow" title="/en-US/docs/CSS/text-shadow">shadow</a> (gölge) ekleyerek veya daha detaylı şekillendirmelerde  <a href="/en-US/docs/CSS/text-decoration" title="/en-US/docs/SVG/Attribute/text-decoration">decorations</a> (şekillendirme) komutlarını kullanabilirler. Bu iyileştirme varsayılan yazı tiplerini içerir bu na da {{ cssxref("@font-face") }} kurallar topluluğuyla imkan tanır. </dd>
- <dt>Yeni Sunum Düzenleri</dt>
- <dd>Tasarım etkinliğini arttırmak için,  <a href="/en-US/docs/CSS/Using_CSS_multi-column_layouts" title="/en-US/docs/CSS/Using_CSS_multi-column_layouts">CSS multi-column layout</a> <br>
- (CSS Çoklu Satır Düzenleri) ve <a href="/en-US/docs/CSS/Flexbox" title="/en-US/docs/CSS/Flexbox">CSS flexible box layout</a> (CSS Esnek Kutu Düzenleri) adında iki yeni düzenleme <a href="https://indonesianlanguagetranslator.com/our-services/">eklendi</a>.</dd>
-</dl>
-</div>
-</div>
-
-<p> </p>
-
-<div>
-<div class="ImTranslatorLogo" id="SL_button" style="display: none;"> </div>
-
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
-
-<div id="SL_shadow_translator">
-<div id="SL_planshet" style="background: rgb(244, 245, 245);">
-<div id="SL_TB">
-<div class="ImTranslatorLogo" id="bubblelogo"> </div>
-
-<table id="SL_tables">
- <tbody>
-  <tr>
-   <td class="SL_td"><input></td>
-   <td class="SL_td"><select><option value="auto">Detect language</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="bn">Bengali</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simp)</option><option value="zh-TW">Chinese (Trad)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="kn">Kannada</option><option value="ko">Korean</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select></td>
-   <td class="SL_td">
-    <div id="SL_switch_b" title="Switch languages"> </div>
-   </td>
-   <td class="SL_td"><select><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Azerbaijani</option><option value="eu">Basque</option><option value="bn">Bengali</option><option value="be">Belarusian</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simp)</option><option value="zh-TW">Chinese (Trad)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="eo">Esperanto</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="gu">Gujarati</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="kn">Kannada</option><option value="ko">Korean</option><option value="lo">Lao</option><option value="la">Latin</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option selected value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="ta">Tamil</option><option value="te">Telugu</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option></select></td>
-   <td class="SL_td"> </td>
-   <td class="SL_td">
-    <div id="SL_TTS_voice" title="Listen to the translation"> </div>
-   </td>
-   <td class="SL_td">
-    <div class="SL_copy" id="SL_copy" title="Copy translation"> </div>
-   </td>
-   <td class="SL_td">
-    <div id="SL_bbl_font_patch"> </div>
-
-    <div class="SL_bbl_font" id="SL_bbl_font" title="Font size"> </div>
-   </td>
-   <td class="SL_td">
-    <div id="SL_TH" title="Translation history"> </div>
-   </td>
-   <td class="SL_td"> </td>
-   <td class="SL_td">
-    <div id="SL_pin" title="Pin pup-up bubble"> </div>
-   </td>
-  </tr>
- </tbody>
-</table>
-</div>
-</div>
-
-<div id="SL_shadow_translation_result" style="background: rgb(255, 255, 255);"> </div>
-
-<div id="SL_player2"> </div>
-
-<div id="SL_alert100">Text-to-speech function is limited to 100 characters</div>
-
-<div id="SL_bbl_donate" title="Make a small contribution"> </div>
-
-<div id="SL_Balloon_options" style="background: rgb(255, 255, 255);"><a class="SL_options" title="Show options">Options</a> : <a class="SL_options" title="Translation history">History</a> : <a class="SL_options" href="http://about.imtranslator.net/add-ons/chrome-extension/" title="ImTranslator Help">Help</a> : <a class="SL_options" title="Feedback">Feedback</a></div>
-</div>
-</div>
-- 
cgit v1.2.3-54-g00ecf