main | Codingku

Tag <main> mewakili area konten utama dalam dokumen HTML.

ELemen <main> berada di dalam elemen <body> dan hanya boleh ditulis satu kali dalam dokumen HTML.

Sehingga tidak boleh ditulis didalam tag <article>, <aside>, <header>, <footer>, atau <nav>.

Didalam elemen <main> juga tidak boleh diisi konten yang ditulis berulang kali dalam sebuah dokumen seperti sidebar, link navigasi, informasi hak cipta, logo website, dan form pencarian (kecuali fungsi utama halaman sebagai form pencarian).

Catatan: Tidak boleh ada lebih dari satu elemen <main> dalam dokumen HTML. Dan elemen <main> TIDAK boleh turunan dari elemen <article>, <aside>, <footer>, <header>, atau <nav>.

Syntax

Tag <main> ditulis seperti <main></main> dengan konten utama diletakkan diantara tag pembuka dan penutup.

<main>
	Konten utama disini...
</main>

<!DOCTYPE html>
<title>Example</title>
<style>
  .example1 header,
  .example1 article,
  .example1 footer,
  .example1 main,
  .example1 nav {
    border: 1px solid orange;
    padding: 3px;
    margin: 3px;
    width: 50%;
  }

  .example1 main {
    background: #FDF7D3;
  }
</style>
<div class="example1">
  <header>Header...</header>
  <main>
    Main...
    <article>Article...</article>
    <article>Article...</article>
    <article>Article...</article>
  </main>
  <footer>Footer...
    <nav>Nav...</nav>
  </footer>
</div>