HTML <main> etiketi

Tanım ve Kullanım

<main> Ögesi, belgenin ana içeriğini tanımlar.

<main> Öğedeki içerik belge için tek olmalıdır. Tekrarlanan içerik, örneğin kenar çubuğu, navigasyon bağlantıları, telif hakkı bilgileri, web logosu ve arama formları gibi birden fazla belgede bulunmamalıdır.

Dikkat:Belgede birden fazla olamaz <main> ögesi。 <main> ögesi olamaz <article>ve<aside>ve<footer>ve<header> veya <nav> Öğenin soyu elementleri.

Örnek

Örnek 1

Belgenin ana içeriğini belirtme:

<main>
  <h1>En popüler tarayıcılar</h1>
  <p>Chrome, Firefox ve Edge, günümüzde en çok kullanılan tarayıcılar.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome, Google tarafından geliştirilen bir web tarayıcısıdır ve 2008 yılında yayınlanmıştır......</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox, Mozilla tarafından geliştirilen açık kaynaklı bir web tarayıcısıdır......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge, 2015 yılında Microsoft tarafından geliştirilen bir web tarayıcısıdır......&</p>
  </article>
</main>

Kişisel olarak deneyin

Örnek 2

CSS ile ayarlanır <main> Öğenin stili:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<main>
  <h1>En popüler tarayıcılar</h1>
  <p>Chrome, Firefox ve Edge, günümüzde en çok kullanılan tarayıcılar.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome, Google tarafından geliştirilen bir web tarayıcısıdır ve 2008 yılında yayınlanmıştır......</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox, Mozilla tarafından geliştirilen açık kaynaklı bir web tarayıcısıdır......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge, 2015 yılında Microsoft tarafından geliştirilen bir web tarayıcısıdır......&</p>
  </article>
</main>
</body>
</html>

Kişisel olarak deneyin

Genel özellikler

<main> Bu etiket ayrıca destekler HTML'deki genel özellikler。

Olay özellikleri

<main> Bu etiket ayrıca destekler HTML'deki olay özellikleri。

Tarayıcı Desteği

Tablodaki numaralar, bu etiketin ilk tam olarak desteklenen tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 12.0 21.0 7.0 16.0