Marca HTML Col
Este post tem como objetivo explicar col Tag . Esperamos que satisfaça as necessidades educacionais de nossos leitores.
A tag HTML <col>é usada para definir uma coluna dentro de uma tabela. Ele funciona em conjunto com a <colgroup>tag, que é usada para agrupar <col>elementos em um único grupo de colunas.
Altere a cor de fundo das três colunas usando as tags <colgroup> e <col>:
Example
O seguinte código CSS alinha o texto nas colunas da tabela:
Example
Usando CSS para alinhar verticalmente o texto nas colunas da tabela:
Example
As larguras das colunas da tabela podem ser definidas (usando CSS) da seguinte forma:
Example
Usos e Definição
A tag col <col> identifica as propriedades da coluna para cada coluna incluída em um elemento <colgroup> .
A tag <col> permite aplicar estilos a colunas inteiras em vez de aplicar estilos a células individuais.
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <col> | Sim | Sim | Sim | Sim | Sim |
Atributos
| Atributo | Valor | Visão geral |
|---|---|---|
| período | número | Indica quantas colunas um elemento <col> deve abranger |
Atributos Globais
A Tag col <col> também é compatível com HTML Global Attributes .
Atributos do Evento
A tag <col> também é capaz de aceitar Atributos de evento HTML .
A maioria dos navegadores mostra o elemento <col> usando estes valores padrão:
col {
display: table-column;
}
Benefícios da col tag HTML
A tag HTML <col> fornece vários benefícios quando usada em conjunto com a tag <colgroup> para definir colunas em uma tabela:
- Ao usar a tag <col> , os autores podem aplicar atributos como estilos, largura e outras propriedades a colunas inteiras, em vez de especificá-los para cada célula individual da coluna. Isso pode simplificar a marcação de tabelas grandes e facilitar a manutenção e atualização do código da tabela.
- A aplicação de atributos como cor de fundo ou tamanho da fonte a uma coluna inteira usando a tag <col> pode ajudar a garantir que o estilo seja consistente em todas as células da coluna. Isso pode ser particularmente útil para tabelas grandes com muitas linhas e colunas, onde seria demorado aplicar estilos a cada célula individual.
- A tag <col> pode ser usada para adicionar cabeçalhos e outros metadados a colunas em uma tabela, tornando mais fácil para os leitores de tela e outras tecnologias assistivas interpretar a tabela e transmitir seu conteúdo para usuários com deficiências.
- Usar a tag <col> para aplicar estilos e outros atributos às colunas pode ajudar a reduzir o tamanho geral da marcação da tabela, o que pode melhorar o tempo de carregamento da página e reduzir a carga do servidor.
