Tabeli ya HTML <main>

Mifano na matumizi

<main> Tag hauonekana kwa kuhakikisha kwamba matokeo ya kitabu ni muhimu.

<main> Matokeo ya elementi yanaonekana kwa kitabu kwa sababu ya kina. Hata hivyo, haikubaliwa kutokea kwa kawaida katika matokeo ya kitabu ya kina, kama vile sidebar, viungo vya navigation, taarifa za hisia, logo ya tovuti na fomu ya tafuta.

Tahadhari:Hakuna elementi zaidi ya moja katika kitabu. <main> elementi. <main> elementi haingie inaonekana. <article>na<aside>na<footer>na<header> au <nav> Mifano ya kiumbezi wa elementi.

Mifano

Mifano 1

Kusaidia kwa kuhakikisha kwamba matokeo ya kitabu ni muhimu:

<main>
  <h1>Viwango vya kusoma kwa internet vilivyo kusaidia zaidi</h1>
  <p>Chrome, Firefox na Edge ni vifaa vya kusoma kwa internet vilivyo kusaidia zaidi kwa sasa.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome niweza kusoma kwa internet, inayotolewa mwaka 2008......</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox inatokana na Mozilla ni programu ya kusoma mtangazaji wa kijumla yenye umma wa kigeni......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge ni programu ya kusoma mtangazaji wa kijumla iliyotolewa na Microsoft mwaka 2015......&</p>
  </article>
</main>

Jifunze tena

Mifano 2

Kusaidia kwa CSS <main> Mifano ya uhariri:

<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>Viwango vya kusoma kwa internet vilivyo kusaidia zaidi</h1>
  <p>Chrome, Firefox na Edge ni vifaa vya kusoma kwa internet vilivyo kusaidia zaidi kwa sasa.</p>
  <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome niweza kusoma kwa internet, inayotolewa mwaka 2008......</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox inatokana na Mozilla ni programu ya kusoma mtangazaji wa kijumla yenye umma wa kigeni......&</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge ni programu ya kusoma mtangazaji wa kijumla iliyotolewa na Microsoft mwaka 2015......&</p>
  </article>
</main>
</body>
</html>

Jifunze tena

Matumizi ya hisia juu ya kikamilifu

<main> Eitiketi pia inamwambia Matumizi ya hisia juu ya HTML.

Matumizi ya matukio

<main> Eitiketi pia inamwambia Matumizi ya matukio kwenye HTML.

Matumizi ya brwoser

Inanilia namba za brwoser ambazo zimepata matumizi wa kawaida wa etiketi hii.

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