HTML <main> 标籤
Paglilinaw at Paggamit
<main> Ang tag ay nagtutukoy sa pangunahing nilalaman ng dokumento.
<main> Ang nilalaman ng elemento ay dapat maging natatanging para sa dokumento. Hindi dapat kasama ang nilalaman na lumalabas sa maraming dokumento, tulad ng sidebar, navigation links, copyright information, logo ng website at search form, at iba pa.
Babala:Hindi dapat may maraming <main> na elemento sa dokumento. <main> na elemento. Ang <main> na elemento ay hindi dapat maging <article>at<aside>at<footer>at<header> o <nav> Anghang anak ng elemento.
Mga halimbawa
Halimbawa 1
Tukuyin ang pangunahing nilalaman ng dokumento:
<main>
<h1>Pinaka Ginagamit na Browser</h1>
<p>Chrome, Firefox at Edge ang pinaka ginagamit na mga browser sa kasalukuyan.</p>
<article>
<h2>Google Chrome</h2>
<p>Google Chrome ay isang web browser na ginawa ng Google, inilabas noong 2008...</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox คือโปรแกรมบราวเซอร์เครื่องคอมพิวเตอร์ที่เปิดทำเพื่อสาธารณะโดย Mozilla......&</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge คือโปรแกรมบราวเซอร์เครื่องคอมพิวเตอร์ที่พัฒนาโดย Microsoft ซึ่งเปิดตัวในปี 2015......&</p>
</article>
</main>
Halimbawa 2
Ginagamit ang CSS sa pagtatakda <main> Estilo ng elemento:
<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>Pinaka Ginagamit na Browser</h1>
<p>Chrome, Firefox at Edge ang pinaka ginagamit na mga browser sa kasalukuyan.</p>
<article>
<h2>Google Chrome</h2>
<p>Google Chrome ay isang web browser na ginawa ng Google, inilabas noong 2008...</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox คือโปรแกรมบราวเซอร์เครื่องคอมพิวเตอร์ที่เปิดทำเพื่อสาธารณะโดย Mozilla......&</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge คือโปรแกรมบราวเซอร์เครื่องคอมพิวเตอร์ที่พัฒนาโดย Microsoft ซึ่งเปิดตัวในปี 2015......&</p>
</article>
</main>
</body>
</html>
คุณสมบัติทั่วไป
<main> แบบฟอร์มยังสนับสนุน คุณสมบัติทั่วไปใน HTML。
คุณสมบัติเหตุการณ์
<main> แบบฟอร์มยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML。
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางนี้ระบุสัญญาณของเบราเซอร์ที่สนับสนุนแบบต้นแบบของแบบฟอร์มนี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 26.0 | 12.0 | 21.0 | 7.0 | 16.0 |
