Marca <tbody> em HTML
Veremos a tag HTML tbody com exemplos neste post. Deve atender às necessidades de aprendizagem.
A tag <tbody> em HTML é usada para agrupar o conteúdo do corpo em uma tabela. Normalmente é usado em conjunto com as tags <table>, <thead> e <tfoot> para organizar a estrutura de uma tabela.
A tag <tbody> contém um ou mais elementos <tr> (linha da tabela), que por sua vez contêm um ou mais elementos <td> (dados da tabela) ou <th> (cabeçalho da tabela). A tag <tbody> é opcional, mas é recomendável utilizá-la para separar o cabeçalho e rodapé da tabela do conteúdo do corpo para melhor organização e acessibilidade.
A tag <tbody> representa o elemento Table Body.
Aqui está um exemplo de uma tabela HTML com um elemento <thead> , <tbody> e <tfoot> :
Example:
Como usar CSS para estilizar os elementos <thead>, <tbody> e <tfoot> de uma tabela HTML:
Example:
Aqui está um exemplo de como usar CSS para alinhar o conteúdo com os elementos <tbody> de uma tabela HTML:
Example:
Aqui está um exemplo de como a tag <tbody> pode ser estilizada de uma forma única:
Example:
Usos da tag <tbody>
A Tag <tbody> é empregada para organizar as informações do corpo em uma tabela HTML.
Para indicar o corpo de uma tabela (cabeçalho, rodapé), adicione o Tag <tbody> com os elementos Tag <thead> e Tag <tfoot> . Ao usar esses elementos, os navegadores podem navegar no corpo da tabela por conta própria a partir do cabeçalho e do rodapé. Além disso, se uma tabela grande ocupar várias páginas, o cabeçalho e o rodapé da tabela podem ser exibidos no início e no final de cada uma.
Usos Comuns
Aqui estão alguns dos principais usos da tag <tbody> :
- A tag <tbody> é usada para agrupar linhas de dados em uma tabela. Isso facilita a identificação do conteúdo principal da tabela e o separa do cabeçalho e do rodapé.
- Ao usar a tag <tbody> , os designers podem criar tabelas mais acessíveis para usuários que dependem de leitores de tela ou outras tecnologias assistivas. A tag <tbody> permite que esses usuários ignorem o cabeçalho e o rodapé e se concentrem no conteúdo principal da tabela.
- A tag <tbody> também pode ser usada para aplicar estilos ao conteúdo do corpo de uma tabela. Ao usar a tag <tbody> para agrupar as linhas de dados, os designers podem aplicar estilos a toda a seção do corpo da tabela.
- A tag <tbody> também pode ser usada para aprimorar a funcionalidade de uma tabela. Por exemplo, os designers podem usar JavaScript para adicionar recursos interativos às linhas de dados, como classificação ou filtragem.
Atributos
Global
A Tag <tbody> inclui os Atributos Globais em HTML.
Evento
A Tag <tbody> também aceita os Atributos de Evento em HTML.
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <corpo> | Sim | Sim | Sim | Sim | Sim |
CSS predefinido
A maioria dos navegadores de internet apresenta o Tag tbody <tbody> com os seguintes valores padrão:
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
Benefícios do corpo da tag HTML
A tag <tbody> em HTML oferece vários benefícios para estruturar e apresentar dados em uma tabela:
- Ao usar a tag <tbody> para agrupar o conteúdo do corpo de uma tabela, os designers podem melhorar a organização e a estrutura da tabela. Isso torna mais fácil para os usuários digitalizar e entender os dados que estão sendo apresentados.
- A tag <tbody> separa o conteúdo do corpo de uma tabela do cabeçalho e rodapé. Isso melhora a acessibilidade para usuários que dependem de leitores de tela ou outras tecnologias assistivas, pois permite que eles ignorem o cabeçalho e o rodapé e se concentrem no conteúdo principal da tabela.
- A tag <tbody> pode ser usada para aplicar estilos ao conteúdo do corpo de uma tabela, permitindo que os designers criem uma aparência consistente para a tabela.
- Ao usar a tag <tbody> , os designers podem adicionar recursos interativos ao conteúdo do corpo de uma tabela, como classificação ou filtragem. Isso aprimora a funcionalidade da tabela e a torna mais útil para os usuários.
- A tag <tbody> é amplamente suportada em diferentes navegadores e plataformas, garantindo que as tabelas que usam a tag <tbody> sejam acessíveis a uma ampla gama de usuários.
