Estou curioso para saber por que a <center>
tag em HTML foi descontinuada.
O <center>
foi uma maneira simples de forma rápida centro-alinhar blocos de texto e imagens, encapsulando o recipiente em um<center>
tag, e eu realmente não consigo encontrar nenhuma maneira mais simples sobre a forma de fazê-lo agora.
Alguém sabe alguma maneira simples de como centralizar "coisas" (não a margin-left:auto; margin-right:auto;
coisa e largura), algo que substitui <center>
? E também, por que foi preterido?
fonte
margin
etext-align
não centralizar meu elemento no IE, mas envolvê-lo com<center>
o trabalho funcionou ... vou tentar encontrar um exemplo.display: block;
em um elemento embutido.De acordo com o W3Schools.com ,
A especificação do HTML 4.01 fornece esse motivo para descontinuar a tag:
fonte
O que faço é executar tarefas comuns, como centralizar ou flutuar, e criar classes CSS a partir delas. Quando faço isso, posso usá-los em qualquer uma das páginas. Também posso chamar quantos quiser no mesmo elemento.
Agora eu posso usá-los no meu código HTML para executar tarefas simples.
fonte
Eu ainda uso a tag <center> algumas vezes porque nada no CSS funciona tão bem. Exemplos de tentativa de usar um truque <div> e falha:
<center> obtém resultados. Para usar CSS, às vezes é necessário colocar o CSS em vários lugares e mexer com ele para que ele fique no centro. Para responder à sua pergunta, o CSS se tornou uma religião com crentes e seguidores que evitavam o <center> <b> <i> <u> como blasfêmia, profano e muito simples para garantir sua própria segurança no emprego. E se eles tentarem tirar sua <tabela> de você, pergunte a eles qual é o equivalente em CSS do atributo colspan ou linhaspan.
Não é a verdade abstrata ou livresca, mas a verdade vivida que conta.
- Zen
fonte
display:flex; justify-content:center; text-align:center
Você ainda pode usar isso com XHTML 1.0 Transitional e HTML 4.01 Transitional, se quiser. A única outra maneira (melhor, na minha opinião) é com margens:
Seu HTML deve definir o elemento, não governar sua apresentação.
fonte
Pretende-se que a marcação, ou seja, as tags HTML, represente significado e estrutura, não aparência. Ele estava muito misturado nas versões anteriores do HTML, mas os padrões que as pessoas estão tentando limpar agora.
Um problema ao permitir que as tags controlem a aparência é que suas páginas não funcionam bem com dispositivos para deficientes, como leitores de tela. Isso também leva a ter muitas e muitas tags em seu texto que não ajudam a esclarecer o significado, mas a confundem com informações de um nível diferente.
Assim, o CSS foi pensado para mover a formatação / exibição para um idioma diferente, que é separado do texto e pode ser facilmente mantido dessa maneira. Entre outras coisas, isso permite alternar folhas de estilo para alterar a aparência de uma página da Web sem tocar na outra marcação. E ser capaz de fazer isso por muitas páginas de uma só vez.
As ferramentas que o CSS fornece para você fazer isso nem sempre são elegantes, estou do seu lado. Por exemplo, não há como fazer uma centralização vertical eficaz. E centralização horizontal, se não for apenas texto passível de
text-align
, não é muito melhor.Você tem a opção de agir de maneira fácil, eficaz e confusa ou limpa, elegante e pesada. Não entendo por que os desenvolvedores da Web suportam essa bagunça, mas acho que estão felizes por ter pelo menos uma chance de fazer suas coisas.
fonte
O HTML é destinado à estruturação de dados, não ao controle do layout. CSS destina-se a controlar o layout. Você também verá que muitos designers desaprovam o uso
<table>
de layouts pelo mesmo motivo.fonte
Para texto e imagens, você pode usar
text-align
:fonte
O CSS tem uma
text-align: center
propriedade e, como isso é puramente visual, não semântico, deve ser relegado ao CSS, não ao HTML.fonte
text-align
vai alinhar o conteúdo do recipiente, e não o próprio recipientetext-align: center
no elemento pai.<center>
faz as duas coisas . É irritantemente amplo.Alimento para o pensamento: com o que um sintetizador de conversão de texto em fala faria
<center>
?fonte
Você pode adicionar isso ao seu css e usar
<div class="center"></div>
ou se você quiser se manter
<center></center>
e estar preparado caso seja removido, adicione-o ao seu cssfonte
A resposta menos popular
center
é um deles;center
tag não é igual a uma div comtext-align:center
;Deixe-me explicar, porque existem downvotors notórios aqui que pensam que estou defendendo o HTML4 da velha escola ou algo assim. Não, eu não sou. Mas o debate em torno
center
é simplesmente uma guerra de tendências, não há razão real para abandonar uma etiqueta que serve bem a um propósito válido.Então, vamos ver os principais argumentos contra isso.
"Descreve apresentação, não semântica!"
Não. Ele descreve um arranjo lógico - e sim tem uma aparência padrão, assim como outras tags gostam
<p>
ou<ul>
fazem. Mas o ponto é a relação da parte fechada com o ambiente. Center diz que "isso é algo que separamos por um posicionamento visualmente diferente"."Não é válido"
Sim, é. Ele está obsoleto, pois pode ser removido mais tarde . Há mais de 15 anos. E não vai a lugar nenhum, aparentemente. Existem sites importantes que usam essa tag porque é muito legível e objetiva.
"Não é compatível com HTML5"
Naverdade,é uma dastagsmais amplamente suportadas .
"É oldschool" Os
cadarços também são oldschool. Novos métodos não invalidam os antigos. Você quer se sentir progressivo e moderno: ótimo. Mas não faça disso a lei.
"É estúpido / estranho / coxo / conta uma história sobre você"
Nada disso. É como um martelo: uma ferramenta para um trabalho específico. Existem outras ferramentas para o mesmo trabalho e outros trabalhos para a mesma ferramenta; mas foi criado para resolver um determinado problema e esse problema ainda existe, portanto, podemos usar apenas uma solução dedicada.
"Você não deveria fazer isso, porque, CSS"
Centering absolutamente pode ser alcançado através da CSS, mas isso é apenas uma maneira, não o único, muito menos a única apropriada . Tudo o que for suportado, funcional e legível deve ser aprovado.
TL; DR:
fonte