Perché il tag <center> è deprecato in HTML?

Sono solo curioso di sapere perché il <center>tag in HTML è stato deprecato.

Il <center>è stato un modo semplice per breve tempo il centro-allineando blocchi di testo e le immagini incapsulando il contenitore in un <center>tag, e davvero non riesco a trovare un modo più semplice su come farlo ora.

Qualcuno sa in qualche modo semplice come centrare "roba" (non la margin-left:auto; margin-right:auto;cosa e larghezza), qualcosa che sostituisce <center>? E inoltre, perché è stato deprecato?

L' <center>elemento è stato deprecato perché definisce la presentazione del suo contenuto - non descrive il suo contenuto.

Un metodo di centraggio è impostare le proprietà margin-lefte margin-rightdell'elemento su auto, quindi impostare la text-alignproprietà dell'elemento padre su center. Ciò garantisce che l'elemento sarà centrato in tutti i browser moderni.

Secondo W3Schools.com ,

L'elemento centrale è stato deprecato in HTML 4.01 e non è supportato in DTD rigoroso XHTML 1.0.

Le specifiche HTML 4.01 forniscono questo motivo per deprecare il tag:

L'elemento CENTER equivale esattamente a specificare l'elemento DIV con l'attributo align impostato su "center".

Quello che faccio è svolgere attività comuni come centrare o fluttuare e ricavarne classi CSS. Quando lo faccio, posso usarli in tutte le pagine. Posso anche chiamare quanti ne desidero sullo stesso elemento.

.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}

Ora posso usarli nel mio codice HTML per eseguire attività semplici.

<p class="text_center">Some Text</p>

A volte uso ancora il tag <center> perché non funziona anche nulla nei CSS. Esempi di come provare a usare un trucco <div> e fallire:

<div style="text-align: center;">This div is centered, but it's a simple example.</div>
<br />
<div style="text-align: center;"><table border="1"><tr><td>&lt;div style="text-align: center;"&gt; didn't center correctly.</td></tr></table></div>
<br />
<div style="text-align: center;margin-left:auto;margin-right:auto"><table border="1"><tr><td>&lt;div style="text-align: center;margin-left:auto;margin-right:auto"&gt; still didn't center either</td></tr></table></div>
<br />
<center><table border="1"><tr><td>Actually Centered with &lt;center&gt; tag</td></tr></table></center>

<center> ottiene risultati. Per utilizzare invece i CSS, a volte è necessario inserire i CSS in più punti e confonderli per centrarli correttamente. Per rispondere alla tua domanda, CSS è diventato una religione con credenti e seguaci che hanno evitato <center> <b> <i> <u> come blasfemia, empia e fin troppo semplice per motivi di sicurezza del proprio lavoro. E se provano a portarti via <table>, chiedi loro qual è l'equivalente CSS dell'attributo colspan o rowpan.

Non è la verità astratta o libresca, ma la verità vissuta che conta.
- Zen

Puoi ancora usarlo con XHTML 1.0 Transitional e HTML 4.01 Transitional se vuoi. L'unico altro modo (il modo migliore, secondo me) è con i margini:

<div style="width:200px;margin:auto;">
  <p>Hello World</p>
</div>

Il tuo HTML dovrebbe definire l'elemento, non governarne la presentazione.

È previsto che il markup, ovvero i tag HTML, rappresenti significato e struttura, non aspetto. È stato mischiato male nelle prime versioni di HTML, ma gli standard che la gente sta cercando di ripulire ora.

Un problema che consente ai tag di controllare l'aspetto è che le tue pagine non funzionano bene con i dispositivi per portatori di handicap, come gli screen reader. Porta anche ad avere un sacco di tag nel tuo testo che non aiutano a chiarire il significato, ma piuttosto ingombrano con informazioni di livello diverso.

Quindi CSS è stato pensato per spostare la formattazione / visualizzazione in una lingua diversa, che è separata dal testo e può essere facilmente mantenuta in questo modo. Tra le altre cose, ciò consente di cambiare i fogli di stile per modificare l'aspetto di una pagina Web senza toccare l'altro markup. E per poterlo fare per molte pagine in un colpo solo.

Gli strumenti che CSS ti offre non sono sempre eleganti, sono dalla tua parte. Ad esempio, non è possibile eseguire un centraggio verticale efficace. E la centratura orizzontale, se non è solo testo text-align, non è molto meglio.

Hai la scelta di fare facile, efficace e confuso o pulito, elegante e ingombrante. Non capisco perché gli sviluppatori Web tollerino questo casino, ma credo che siano felici di avere almeno la possibilità di fare le loro cose.

HTML è destinato alla strutturazione dei dati, non al controllo del layout. CSS ha lo scopo di controllare il layout. Scoprirai anche che molti designer non vedono l'ora di utilizzare i <table>layout per lo stesso motivo.

Per testo e immagini puoi usare text-align:

<div style="text-align: center;">
    I'm centered.
</div>

Il CSS ha una text-align: centerproprietà, e poiché si tratta di una cosa puramente visiva, non semantica, dovrebbe essere relegato in CSS, non in HTML.

Spunti di riflessione: cosa farebbe un sintetizzatore di sintesi vocale <center>?

È possibile aggiungere questo al tuo CSS e utilizzare <div class="center"></div>

.center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

o se vuoi conservare <center></center>ed essere preparato nel caso in cui venga mai rimosso, aggiungi questo al tuo CSS

center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

La risposta meno popolare

1. Un tag deprecato non è necessariamente una cattiva etichetta;
2. Ci sono i tag che si occupano di logica di presentazione,center è uno di questi;
3. Un centertag non è lo stesso di un div con text-align:center;
4. Il fatto che tu abbia un altro modo di fare qualcosa non lo rende invalido.

Lasciami spiegare perché qui ci sono famigerati downvoter che penseranno che sto difendendo HTML4 oldschool o qualcosa del genere. No non sono. Ma il dibattito intorno centerè semplicemente una guerra di tendenza, non esiste una vera ragione per abbandonare un tag che serve bene a uno scopo valido.

Vediamo quindi i principali argomenti contrari.

• "Descrive la presentazione, non la semantica!"
  No. Descrive una disposizione logica - e sì ha un aspetto predefinito, proprio come altri tag gradiscono<p>o<ul>fanno. Ma il punto è la relazione della parte chiusa con l'ambiente circostante. Center dice "questo è qualcosa che separiamo dal posizionamento visivamente diverso".

• "Non è valido"
  Sì, lo è. È solo deprecato, come in, potrebbe essere rimosso in seguito . Da oltre 15 anni. E non sta andando da nessuna parte, a quanto pare. Ci sono siti importanti che usano questo tag perché è molto leggibile e preciso.

• "Non è supportato in HTML5"
  Inrealtàè uno deitagpiù ampiamente supportati .

• "It's oldschool" Anche i
  lacci delle scarpe sono oldschool. I nuovi metodi non invalidano il vecchio. Vuoi sentirti progressista e moderno: bene. Ma non renderlo la legge.

• "È stupido / imbarazzante / zoppo / racconta una storia su di te"
  Nessuna di queste. È come un martello: uno strumento per un lavoro specifico. Esistono altri strumenti per lo stesso lavoro e altri lavori per lo stesso strumento; ma è stato creato per risolvere un certo problema e quel problema è ancora presente, quindi potremmo anche usare una soluzione dedicata.

• "Non dovresti farlo, perché, CSS" Il
  centraggio può essere assolutamente raggiunto dai CSS, ma questo è solo un modo, non l'unico, e tanto meno l'unico appropriato . Tutto ciò che è supportato, funzionante e leggibile dovrebbe essere ok da usare.

TL; DR:

L'unico motivo per non usarlo <center>è perché le persone ti odieranno.