Html e Table
Nesse artigo, o objetivo é demonstrar os elementos principais do html e também tags semânticas com uma tabela complexa abordando inclusive elementos de acessibilidade.
No trecho de código abaixo, conseguimos visualizar as tags semânticas que antes mesmo de ver o resultado em tela, fazemos ideia de o que significa, aonde estará posicionado e o objetivo do trecho.
Outro ponto interessante é que conseguimos fazer relações entre os elementos sem entrar com css ou javascript, somente com as interações de tags e seus atributos.
O ponto mais sofisticado disso tudo, são os atributos e as tags semânticas e o poder dado a ferramentas de acessibilidade. Tanto para leitura, conversão de texto em áudio entre outras possibilidades que esse tipo de tecnologia permitiu.
Vamos ao código.
Comparado com código de versões anteriores de html, concordo que temos mais linhas de código no arquivo.html. Mas isso é compensado por alguns pontos que cito somente dois, as possibilidades dada a acessibilidade e os resultados com SEO.
Esse trecho acima, quando renderizado, gera a seguinte tela.
Esse artigo ficou menor que os demais, mas a intenção é tratar situações mais específicas nesse tipo de tema técnico e prático. Tomara que tenha gostado, aplauda o artigo! Até o próximo artigo e ótimos códigos.
