Tag HTML <main>

Definizione e uso

Il tag specifica il contenuto principale del documento.

Il contenuto dell'elemento dovrebbe essere unico per il documento. Non dovrebbe contenere contenuti che si ripetono in più documenti, come collegamenti di navigazione laterale, informazioni sul copyright, logo del sito e modulo di ricerca, ecc.

Attenzione:Non ci possono essere più di un elemento L'elemento <main>. L'elemento <main> non può essere

Esempio

Esempio 1

Specificare il contenuto principale del documento:

<h1>I browser più popolari</h1> <p>Chrome, Firefox e Edge sono i browser più utilizzati oggi.</p>
<h2>Google Chrome</h2> <p>Google Chrome è il browser web sviluppato da Google, lanciato nel 2008......</p>

Mozilla Firefox

Mozilla Firefox 是由 Mozilla 开发的开源网络浏览器......&

Microsoft Edge

Microsoft Edge 是微软开发的一款网络浏览器,于 2015 年发布......&

亲自试一试

Esempio 2

Impostazione dello stile utilizzando CSS

Stile degli elementi:

<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>
<h1>I browser più popolari</h1> <p>Chrome, Firefox e Edge sono i browser più utilizzati oggi.</p>
<h2>Google Chrome</h2> <p>Google Chrome è il browser web sviluppato da Google, lanciato nel 2008......</p>

Mozilla Firefox

Mozilla Firefox 是由 Mozilla 开发的开源网络浏览器......&

Microsoft Edge

Microsoft Edge 是微软开发的一款网络浏览器,于 2015 年发布......&

亲自试一试

全局属性

标签还支持 HTML 中的全局属性

事件属性

标签还支持 HTML 中的事件属性

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

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