Pourquoi le <center> balise obsolète en HTML?

HTML est de fournir la structure et du sens de contenu, et de ce qui devrait être son seule fonction.

Cependant, il ya un assortiment de balises qui ont été ajoutés dans le passé par des stupides les développeurs de navigateurs, qui violent ce principe de base.

À un certain point, les gens sont venus à leur sens (partiellement au moins), et a commencé à (essayer de) d'accord sur un cahier des charges pour l'écriture de code HTML approprié, de sorte qu'ils obsolète certaines de ces balises.

Toutefois, le dommage a déjà été fait - trop de gens ont appris le HTML que "mettre des balises autour de trucs et de choses qui se passe", plutôt que de comprendre la (important et utile) la distinction entre la sémantique et la présentation, et ces gens-là ont continué à écrire des livres et de tutorat, l'enseignement d'autres personnes dans le mauvais sens à écrire en HTML, qui eux-mêmes ont fait de même, et nous avons terminé avec un droit ancien mess.

Idéalement, le center balise doit n'avoir jamais existé, parce que les gens devraient avoir souligné qu'il n'est pas "réel", le HTML, et a dit aux concepteurs de navigateur pour revenir en arrière et de le faire correctement.

Et pour le faire correctement... l'alignement est bien sûr une présentation du problème - l'application de mise en page et mise en forme à (structuré) en fonction du contenu et de la langue à utiliser pour cela est CSS.

Cependant, encore une fois, stupide développeurs de navigateurs foiré au début CSS - et dans de nombreux cas, les gens en créant des pages web dû à une mauvaise utilisation de HTML, parce que le CSS n'a tout simplement pas de travail.

Ces jours-ci, nous sommes de départ pour obtenir quelques fonctionnalités ont été ajoutées pour le CSS, mais il ya encore beaucoup qui n'est pas mis en œuvre, et un certain nombre de choses qui auraient pu être mis en œuvre dans de loin supérieur façons, mais ils sont maintenant normalisée de sorte que nous sommes coincés avec les anciennes façons de faire.

Si les feuilles de style ont été mis en œuvre par des personnes intelligentes, vous auriez tous les contrôles que vous avez dans tout bon logiciel de bureau - pour l'alignement des blocs et le texte, il avait un travail à l'horizontale, à la verticale, la tête en bas, rotation, et ainsi de suite - et il ne serait pas être fait dans la manière stupide de réglage de la marge gauche/droite pour auto.

Je vais ajouter rapidement, pour être complet, le troisième de "niveau" pour les pages web, qui traite de l'ajout de interactivité à une page statique, qui est bien sûr la (mal nommée) JavaScript.

Encore une fois, ces stupides les développeurs de navigateurs ne savent pas ce qu'ils faisaient. Ils ont choisi un totalement inexact/nom non valide (pour des raisons de marketing), et encore criblé potentiellement un grand et puissant de la langue avec des défauts, manque de fonctionnalité, et créé quelque chose qui a été (jusqu'à récemment) détesté par beaucoup de gens.

Nous avons, bien sûr, dans les dernières années un grand soulèvement des bibliothèques JavaScript qui ont permis de montrer quelques-uns des trucs cool JS a été capable de pour ans, caché beaucoup de navigateur failles qui existent encore dans les navigateurs, et ont partiellement contribué à combler le support de CSS pour le rendre un peu plus utile (encore beaucoup de choses qui manquent tout de même).

Si oui, pour résumer tout ça, la réponse ultime est parce que les éditeurs de navigateurs ont été stupides. 🙂

Selon W3Schools.com,

L'élément central était obsolète en HTML 4.01, et n'est pas pris en charge en XHTML 1.0 Strict de la DTD.

La HTML 4.01 spec donne cette raison de la dépréciation de la balise:

L'élément central est exactement équivalente à la spécification de l'élément DIV avec l'attribut align réglé sur "centre".

Vous pouvez toujours l'utiliser avec XHTML 1.0 Transitional et HTML 4.01 Transitional si vous le souhaitez. La seule autre façon (meilleur moyen, à mon avis) est avec marges:

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

Votre HTML doit définir l'élément, de ne pas gouverner sa présentation.

HTML est prévu pour la structuration de données, pas de contrôle de mise en page. CSS est destiné à disposition de contrôle. Vous trouverez également beaucoup de concepteurs froncer les sourcils sur l'utilisation de <table> pour les mises en page pour cette même raison.

CSS a un text-align: center de la propriété, et puisque c'est purement visuelle chose, pas de la sémantique, il devrait être relégué en CSS, pas en HTML.

OMI centre de balises fonctionnent parfaitement bien pour certaines choses et ont travaillé à partir de la naissance de HTML et continuera à travailler pour de nombreuses années.

Sûr il existe d'autres moyens de centrage de la plupart d'entre eux ne fonctionnent pas ainsi que d'un centre tag n'. Aussi une chose à noter est que lorsque vous centre de quelque chose à l'intérieur d'un centre de balise, rien en dehors du centre de la balise obtient un saut de ligne avant et après, dans la plupart des cas.

Voici la moins populaire réponse 🙂

"Obsolète" ne veut pas dire "mauvais", et centre n'est pas la même chose qu'un div avec du texte-align:center. Même s'il l'était, il serait absolument inutile d'utiliser centre, parce qu'il décrit quelque chose de très clair et ne blesse personne.

Permettez-moi de réagir sur certains points contre <center>.

"Il décrit la présentation, pas de sémantique!"

Pas de. Il décrit un agencement logique dans le contexte environnant, et a un comportement par défaut de l'être visuellement centré. Juste comme <p> décrit un paragraphe et <ul> décrit une liste. Ils ont une certaine apparence par défaut; n'hésitez pas à le redéfinir.

"Il n'est pas valide"

Oui, il est. C'est juste déconseillé, comme dans "pourraient être supprimés au plus tard". Mais il a été rendu obsolète depuis plus de 10 ans maintenant et il est toujours là.

"Il n'est pas pris en charge dans HTML5"

Belle tentative.
Cochez cette.

"C'est oldschool /stupide /maladroit /boiteux"

Aucun de ces. C'est comme un marteau: si vous savez ce que vous faites, il n'y a pas de raison pour ne pas l'utiliser. Un marteau peut tuer, oui, mais seulement si vous utilisez le mauvais chemin. Pour les ongles, c'est juste l'outil parfait, il était FAIT POUR ça. Et même si nous avons de meilleurs outils d'aujourd'hui, c'est l'un des les bons.

"De telles choses devraient être fait en CSS! TOUJOURS!"

Elle peut être réalisée en CSS. Mais en avoir une façon de ne pas dire que c'est le seul moyen. Tout ce qui est pris en charge, de travail et lisible devrait être ok à utiliser.

TLDR: n'utilisez pas de centre de tag, parce que les gens le détestent.

Vous pouvez ajouter ceci à votre css et l'utilisation <div class="center"></div>

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

ou si vous voulez garder <center></center> et être prêt en cas de son jamais supprimé, ajouter ceci dans votre css

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

centre de la balise n'est pas utilisé plus il suffit d'utiliser cette

<div style="margin:0 auto">
  <!--contents goes here-->
</div>

d'une autre manière

CSS

.centerclass{
    margin:0 auto;
 }

HTML

<div class="centerclass">
  <!--Contents goes here-->
</div>