Tutorial HTML <main>
:
HTML main Tag - belajar html main. Element
main
mempunyai definisi sebagai kontent utama dari sebuah halaman html, dengan kata lain element ini lebih diutamakan dari bagian element yang lain.Didalam penulisan pada html, element main di letakkan di dalam element <body>, element <main> tidak diperbolehkan ditulis sebagai turunan / dibungkus / didalam element
<article>
,<aside>
, <nav>
, dan <footer>
.Di dalam Html
<main>
juga tidak cocok (bukan berarti tidak boleh) ditulis komponen sidebar seperti Popular post, label dan sejenisnya, karena komponen tersebut bukan merupakan konten yang diutamakan, walaupun masih masuk di validasi html.Contoh HTML <main>
<main>
<article>
<div class="article">
<h2>Apa Arti Blog !!!</h2>
<p>
<strong>Apa Itu Blog ?</strong> Blog adalah bentuk Aplikasi Web etc...
</p>
<p>
Lorem ipsum dolor sit etc....
</p>
<p>
Lorem ipsum dolor sit etc....
</p>
</div>
</article>
</main>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <main> <article> <div class="article"> <h2>Apa Arti Blog !!!</h2> <p> <strong>Apa Itu Blog ?</strong> Blog adalah bentuk Aplikasi Web etc... </p> <p> Lorem ipsum dolor sit etc.... </p> <p> Lorem ipsum dolor sit etc.... </p> </div> </article> </main> </body> </html>
Global Attributes:
Element
<main>
mencakup Global Attributes HTML.
Event Attributes:
Element
<main>
mencakup Event Attributes HTML.
Browser Support :
Desktop
Chrome | 26 |
---|---|
Safari | 7 |
Firefox | 21 |
Opera | 16 |
IE | - |
Edge | 12 |
Mobile
Android Webview | Ya |
---|---|
Chrome Android | Ya |
Edge Mobile | 12 |
Firefox Android | 21 |
Opera Android | Ya |
iOs Safari | 7.1 |
Samsung Internet | Ya |
Default CSS :
Browser yang support dengan element
<main>
, mempunyai nilai default :main {
display: block;
}