"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como substituo atributos de tabela HTML5 obsoletos por CSS?

Como substituo atributos de tabela HTML5 obsoletos por CSS?

Publicado em 19/11/2024
Navegar:755

How do I replace deprecated HTML5 table attributes with CSS?

Atributos de tabela HTML5: descontinuação e substituições de CSS

Vários atributos que eram comumente usados ​​para estilizar tabelas HTML foram descontinuados em HTML5, incluindo cellpadding , espaçamento de células, valign e alinhamento. Essa alteração foi feita para modernizar o desenvolvimento web e promover uma adesão mais rígida aos padrões HTML5.

No Visual Studio, você pode receber avisos indicando que esses atributos não são mais válidos no HTML5. Para resolver esses avisos, você pode substituí-los pelas propriedades CSS apropriadas. Veja como:

1. Cellpadding (preenchimento)

th, td {
  padding: 5px;
}

2. Espaçamento entre células (borda)

table {
  border-collapse: separate;
  border-spacing: 5px; /* cellspacing="5" */
}

table {
  border-collapse: collapse;
  border-spacing: 0; /* cellspacing="0" */
}

3. Valign (alinhamento vertical)

th, td {
  vertical-align: top;
}

4. Alinhar (margem)

table {
  margin: 0 auto; /* align center */
}

Ao adotar essas substituições de CSS, você pode garantir que suas tabelas HTML estejam em conformidade com os padrões HTML5, mantendo o estilo desejado.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3