Qual o uso correto da tag <main>? #30
Replies: 18 comments 2 replies
-
|
Segundo a descrição da MDN que eu mesmo cheguei a traduzir na época... O elemento Observações importantes
|
Beta Was this translation helpful? Give feedback.
-
|
Na issue #23 eu mencionei o uso da tag Exemplo: |
Beta Was this translation helpful? Give feedback.
-
|
Exatamente @vitorbritto, faço o mesmo uso que você. |
Beta Was this translation helpful? Give feedback.
-
|
+1 @vitorbritto |
Beta Was this translation helpful? Give feedback.
-
|
@vitorbritto @lfeh @rkb81 boa, eu geralmente englobo todo mundo na main, mas faz sentido essa abordagem, do |
Beta Was this translation helpful? Give feedback.
-
|
Incrementando eu normalmente faço isso: Normalmente utilizo uma div.limit para centralizar elementos conforme a necessidade. Quem me mostrou esta forma de codificar foi o @diegoeis quando trabalhei na visie. |
Beta Was this translation helpful? Give feedback.
-
|
Pergunta de quem é newbie ainda, esses div.limit não interferem na semântica ? obs. começando agora em 2022. |
Beta Was this translation helpful? Give feedback.
-
|
http://tableless.com.br/a-tag-main/ |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
Legal @diegoeis . Esse link contém ótimas explicações. No entanto, trazendo uma parte da discussão da issue #23, uma das questões é justamente a que o @vitorbritto levantou: se pode ou não utilizar ela dentro de uma section. Sendo assim, trago a minha explicação para essa issue: Lendo a documentação da W3C eu acho que o uso da
O mesmo que o @fdaciuk citou com a documentação da mozilla. No entanto, diz que Então, penso que depende do contexto, pois, se a Acho essa tag muito importante, já que ela pode substituir a "role=main" futuramente. |
Beta Was this translation helpful? Give feedback.
-
|
Por exemplo, pensando que uma página contenha sidebar, o código poderá ser: Deste modo, ela não precisa necessariamente estar no mesmo nível que |
Beta Was this translation helpful? Give feedback.
-
|
Hoje é muito difícil dizer o que é certo ou o que é errado. Tudo depende de contexto. Veja: Faz mais sentido a Mas, sei lá... Nesse governo Dilma, essas coisas todas podem estar erradas. hehehehe |
Beta Was this translation helpful? Give feedback.
-
|
HAuhahuahua Vdd |
Beta Was this translation helpful? Give feedback.
-
|
Verdade @diegoeis. IMHO, cada bloco de conteúdo traçado no markup possui uma relevância e deve ser pensado previamente. Costumo me guiar pelo PSD ou Sketch do projeto e escrevo/digito em um papel/editor as tags representadas por uma lista de tópicos aninhados. Com isso, eu consigo representar as tags e sua respectiva hierarquia de maneira legível, semântica e sem passar por algum retrocesso mais a frente. Até criei uma ferramenta com Shell Script para ajudar nesse processo. Assim, eu já consigo organizar o markup pensando também na próxima camada (CSS). |
Beta Was this translation helpful? Give feedback.
-
|
@diegoeis @diogorodrigues eu acredito muito nisso do contexto. Mas ainda torço o nariz com a ideia de um |
Beta Was this translation helpful? Give feedback.
-
|
@vitorbritto massa essa ferramenta 👏 |
Beta Was this translation helpful? Give feedback.
-
|
Olá a todos, ainda não sou desenvolvedor, mas acredito que a explicação do @diegoeis faz bastante sentido. O main cobrindo todo o conteúdo principal invés de se colocado dentro de uma section até porque o conteúdo principal de uma pagina é apena um, o resto são facilidade de uso para interação com o usuário. Provavelmente estou falando besteira, mas pelo que pesquisei o que o @diegoeis faz bastante sentido. |
Beta Was this translation helpful? Give feedback.
-
|
É antigo o post, mas... o main deve representar o conteúdo principal da página e ser único, ou seja, não se deve repetí-lo na página. Não deve estar dentro de article, section, etc. Está na documentação. Creio que um bom uso seria... ..... https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/main |
Beta Was this translation helpful? Give feedback.
-
Simples e lógico. |
Beta Was this translation helpful? Give feedback.
-
|
Acredito que um bom exemplo para usar a tag main é em um site de notícias. Onde a notícia mais relevante do dia fica dentro de uma main e as demais e section fora da main |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Trazendo a discussão da issue #23 para cá.
:)
Beta Was this translation helpful? Give feedback.
All reactions