Html main

HTML Main – Elemento Main do HTML5

A tag Main tem uma única função semântica: definir o conteúdo principal da página ou da aplicação. Ele representa o conteúdo mais importante da página, que está diretamente relacionado ao tópico central do documento ou a funcionalidade principal de uma aplicação.

Definição da tag main

O conteúdo dentro do elemento <main> deve ser exclusivo para o documento. Ele não deve conter nenhum conteúdo que se repita em documentos, como barras laterais, links de navegação, informações de direitos autorais, logotipos de sites e formulários de pesquisa.

ou seja não deve haver mais de um elemento <main> em um documento html. 

Assim como elemento main o footer também não repete no html.

é uma tag única que podemos usar somente uma unica vez no documento html.

Veja o Exemplo prático

<header class="topo">

  <h1>Loop Nerd</h1>

</header>

<main>

  <h1>Códigos Html Prontos</h1>
  <p>Olá bem-vindos ao blog Loop Nerd
aqui vocês vão encontrar vários artigos sobre sites, códigos html, css e jquery.</p>

   <article>
    <h2>Html5</h2>
    <p>HTML5 é a versão mais recente e aprimorada do HTML. Tecnicamente, HTML não é uma linguagem de programação, mas sim uma linguagem de marcação
    </p>
   </article>

   <article>
    <h2>Css3</h2>
    <p>CSS3 - Tutorial. Cascading Style Sheets (CSS) é uma linguagem de folha de estilo usada para descrever o visual e a formatação de um documento escrito em uma linguagem de marcação.
    </p>
   </article>

   <article>
    <h2>jQuery</h2>
    <p>jQuery é uma biblioteca JavaScript rápida, pequena e rica em recursos. Ele torna coisas como transversão e manipulação de documentos HTML, manipulação de eventos,
    </p>
   </article>

</main>

<footer class="rodape">
   <p>Desenvolvido por: loopnerd.com.br</p>
</footer>

Neste artigo abordamos sobre Main Html – Elemento Main do Html5.

Veja mais Artigos sobre Códigos Html