Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

o tfoot é usado para um tipo de conteúdo diferente?

O instrutor não utilizou o tfoot na tabela criada no projeto, e fiquei com uma dúvida: o tfoot deve ser usado sempre para "marcar" a última linha das tabelas ou ele deve conter algum conteúdo diferente dos demais no tbody?

Por exemplo, fiz uma outra tabela para praticar mas não sei se o uso do ftoot está correto:

        <table>
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>Telefone</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>João</td>
                    <td>XX 12345-1234</td>
                </tr>
                <tr>
                    <td>Ana</td>
                    <td>XX 12345-1234</td>
                </tr>
                <tr>
                    <td>Paulo</td>
                    <td>XX 12345-1234</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>Bruna</td>
                    <td>XX 12345-1234</td>
                </tr>
            </tfoot>
        </table>
3 respostas
solução!

Olá, Kimberly! Como vai? Espero que bem! :)

Respondendo sua dúvida, não é obrigatório o uso do tfoot, apenas se fizer sentido no projeto. Essa tag serve para demarcar o rodapé de uma tabela, e nem todas as tabelas necessariamente precisam de um rodapé.

Achei esse exemplo pronto na W3docs que pode ajudar a entender.

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeNesse caso o tfoot esta sendo usado para destacar o melhor jogador entre os listados. Apenas uma observação do código no link, é interessante observar que mesmo aplicando o tfoot no meio do código da tabela, o html coloca ele na última linha, mas não indicaria fazer dessa maneira porque fica confuso de entender, acho que não seria uma boa prática também.

No seu exemplo de código acho que não seria legal utilizar tfoot, pois onde você aplicou, a Bruna é apenas mais um contato da lista.

Vê o que acha fazendo assim:

    <table>
        <thead>
            <tr>
                <th>Lista de contatos</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>Nome</th>
                <th>Telefone</th>
            </tr>
            <tr>
                <td>João</td>
                <td>XX 12345-1234</td>
            </tr>
            <tr>
                <td>Ana</td>
                <td>XX 12345-1234</td>
            </tr>
            <tr>
                <td>Paulo</td>
                <td>XX 12345-1234</td>
            </tr>
            <tr>
                <td>Bruna</td>
                <td>XX 12345-1234</td>
            </tr>
        </tbody>
    </table>

Espero ter ajudado! Surgindo mais dúvidas, é só falar comigo!

Obrigada! Era justamente essa a minha dúvida, sobre o conteúdo :) Ajudou muito!

Que bom, Kimberly! Surgindo mais dúvidas, pode contar com a gente! :)