Diferencias entre HTML <center> Tag y CSS “text-align: center;” Propiedad

Si está diseñando una página web simple, no se nota mucha diferencia, pero es muy necesario comprender las diferencias básicas entre estos dos. Como solo nos interesa el texto, estos elementos no tienen significados separados.
Etiqueta HTML <center>: La etiqueta <center> en HTML se utiliza para configurar la alineación del texto en el centro. Esta etiqueta no es compatible con HTML 5. La propiedad CSS se usa para establecer la alineación del elemento en lugar de la etiqueta central en HTML 5. Es un elemento de nivel de bloque que se usa para mostrar el texto encerrado en la etiqueta en el centro horizontalmente. Los navegadores más comunes como Google Chrome, Mozilla Firefox e Internet Explorer admiten esta etiqueta.

Ejemplo: el siguiente código se usó anteriormente en HTML 4 y versiones anteriores para alinear el texto al centro.

html

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h2>HTML center Tag</h2>
  
        <p>
            GeeksforGeeks: A computer science portal for Geeks.
        </p>
  
    </center>
</body>
  
</html>

Producción:

CSS «alinear texto: centro;» Propiedad: Es una propiedad de CSS utilizada para alinear el texto en el centro, que se puede utilizar en muchos componentes, incluidas tablas, botones, etc.

Ejemplo: La implementación de la propiedad «text-align: center» se muestra a continuación:

html

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>
        text-align: center property
    </title> 
      
    <style> 
        h1 { 
            color:green; 
        } 
    </style> 
</head> 
  
<body> 
    <h1 style="text-align:center;">
        GeeksforGeeks
    </h1> 
      
    <h2 style="text-align:center;">
        CSS "text-align:center;" Property
    </h2> 
      
    <p style="text-align:center;">
        GeeksforGeeks: 
        A computer science portal for Geeks.
    </p>
   
</body> 
  
</html>       

Producción:

Puede notar que ambas salidas son iguales, pero en el caso del código HTML5, usamos CSS en línea para alinear nuestro texto al centro. En el código anterior para HTML4 y versiones anteriores, usamos específicamente la etiqueta <center>.
Diferencias entre la etiqueta HTML <center> y CSS “text-align: center;” propiedad:

Etiqueta HTML <centro>	CSS «alinear texto: centro;» Propiedad
La etiqueta HTML <center> es un elemento de nivel de bloque.	CSS «alinear texto: centro;» La propiedad es un elemento en línea.
Lo mejor es adjuntarlo a una sección de una página web.	Lo mejor es adjuntarlo a una pequeña sección de una línea en una página web.
HTML 5 no es compatible con la etiqueta central, y las próximas versiones de HTML tampoco la admitirán.	HTML 5 es compatible con «text-align: center»; propiedad, y también las próximas versiones de HTML lo admitirán.
Esta etiqueta debe usarse para envolver una sección, para centrar esa sección.	Esta etiqueta debe usarse para envolver cualquier palabra específica que desee centrar en su página web.

Publicación traducida automáticamente

Artículo escrito por SagarBapodara y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

html

html

Deja una respuesta Cancelar la respuesta