DESENVOLVIMENTO SEMANTICO COM NEXTJS
Elementos
- Parágrafos com a tag p.
- Títulos e subtítulos com a tag h (h1 - h6 é usado na definição dos títulos e subtítulos).
- Abreviaturas com a tag abbr.
- Listas devem ser definidas dentro da tag li.
Melhores práticas
- Informar ao navegador as partes apresentada ao usuário. Exemplo: título, subtítulo, paragrafo, etc. Com a tag específica.
- Estruturar significa dividir em blocos. Artigos contém parágrafos, etc.
- Destacar os títulos com css.
- Uso de ênfase para destacar partes do conteúdo (tag em e strong).
- Lembre-se que algumas pessoas possuem dificuldade em diferenciar cores.
Veja a diferença do uso de em (tag) abaixo nas palavras feliz e triste. E strong em nervoso.
Estou feliz em viajar mas triste com a condição do meio ambiente. Também fiquei nervoso devido aos atrasos na viajem.
Uso de details
Clique aqui.
- Editando lista em detail.
- Fim da lista.