titulo - ¿Por qué la etiqueta<center> está obsoleta en HTML?
justificar texto html (16)
Aún puede usar esto con XHTML 1.0 Transitional y HTML 4.01 Transitional si lo desea. La única otra forma (la mejor manera, en mi opinión) es con márgenes:
<div style="width:200px;margin:auto;">
<p>Hello World</p>
</div>
Su HTML debe definir el elemento, no gobernar su presentación.
Solo tengo curiosidad por saber por qué la etiqueta <center> en HTML estaba en desuso.
El <center> era una forma simple de alinear rápidamente los bloques de texto e imágenes al encapsular el contenedor en una etiqueta <center> , y realmente no puedo encontrar una forma más sencilla de cómo hacerlo ahora.
¿Alguien sabe de alguna manera sencilla sobre cómo centrar las "cosas" (no el margin-left:auto; margin-right:auto; y ancho), algo que reemplaza a <center> ? Y también, ¿por qué estaba en desuso?
CSS tiene una propiedad text-align: center , y como esto es puramente una cosa visual, no semántica, debe ser relegado a CSS, no a HTML.
El elemento <center> quedó en desuso porque define la presentación de sus contenidos, no describe sus contenidos.
Un método de centrado es establecer las propiedades de margin-left y margin-right del elemento en auto , y luego establecer la propiedad de text-align de text-align del elemento principal en el center . Esto garantiza que el elemento estará centrado en todos los navegadores modernos.
HTML está destinado a estructurar datos, no a controlar el diseño. CSS está destinado a controlar el diseño. También descubrirá que muchos diseñadores prefieren utilizar <table> para diseños por la misma razón.
La etiqueta no está en desuso en el estándar html: al menos el html que la mayoría de los navegadores aceptan como estándar. En cambio, ciertas personas que nos establecieron como algún tipo de autoridad en Internet (y que no son elegidas ni de ninguna otra manera responsables ante nosotros como cualquier otro órgano de gobierno) nos dicen que han decidido que NO DEBEMOS usar ciertas etiquetas porque no lo hacen. No nos gusta que los usemos.
Pero en el mundo real, el navegador tendrá que seguir admitiendo estas etiquetas siempre y cuando haya un número considerable de sitios web que aún las utilicen.
Así que, al igual que el lobo y los tres cerdos, pueden resoplar e hinchar y saltar arriba y abajo y gritar y gritar que no podemos usar estas etiquetas, pero en el mundo real, los navegadores siguen lo que los usuarios desean y seguirán brindando soporte al Centro. en el futuro inmediato.
Entonces, la única razón para no usarlos es si usted es una de las personas que se ven obligadas a someter su libertad al dictamen de estos grupos que piensan que son dueños de Internet.
Las etiquetas centrales de IMO funcionan perfectamente bien para algunas cosas y han funcionado desde el nacimiento de HTML y continuarán funcionando durante muchos años.
Claro que hay otras formas de centrar la mayoría de ellas que no funcionan tan bien como lo hace una etiqueta central. También hay que tener en cuenta que al centrar algo dentro de una etiqueta central, cualquier cosa fuera de la etiqueta central obtiene un salto de línea antes y después en la mayoría de los casos.
Lo que hago es tomar tareas comunes como centrar o flotar y hacer de ellas clases de CSS. Cuando hago eso puedo usarlos en cualquiera de las páginas. También puedo llamar a tantos como quiera en el mismo elemento.
.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}
Ahora puedo usarlos en mi código HTML para realizar tareas simples.
<p class="text_center">Some Text</p>
Para la reflexión: ¿qué haría un sintetizador de texto a voz con <center> ?
Para texto e imágenes puedes usar text-align :
<div style="text-align: center;">
I''m centered.
</div>
Se desaprobó junto con otras etiquetas, como por ejemplo, <font> ya que es un elemento de estilo. No define qué es un elemento, pero cambia su aspecto. W3C quería mantener los elementos HTML5 solo definiendo elementos y eliminando todos los elementos de estilo, de modo que todo el estilo se realiza en el CSS o <style> de la página.
Una solución rápida:
<style>
.element {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
</style>
Se pretende que el marcado, es decir, las etiquetas HTML, represente significado y estructura, no apariencia. Estaba mal mezclado en las primeras versiones de HTML, pero los estándares que las personas están tratando de limpiar ahora.
Un problema con dejar que las etiquetas controlen la apariencia es que sus páginas no se reproducen bien con dispositivos para discapacitados, como los lectores de pantalla. También lleva a tener muchas y muchas etiquetas en su texto que no ayudan a aclarar el significado, sino que lo saturan con información de un nivel diferente.
Por lo tanto, CSS fue pensado para mover el formato / visualización a un idioma diferente, que está separado del texto y se puede mantener fácilmente de esa manera. Entre otras cosas, esto permite cambiar las hojas de estilo para cambiar el aspecto de una página web sin tocar el otro marcado. Y ser capaz de hacer eso por muchas páginas de una sola vez.
Las herramientas que CSS le da para hacer esto no siempre son elegantes, estoy de su lado allí. Por ejemplo, no hay manera de hacer un centrado vertical efectivo. Y el centrado horizontal, si no es solo texto susceptible text-align , no es mucho mejor.
Usted tiene la opción de hacerlo fácil, eficaz y confuso o limpio, elegante y engorroso. No entiendo por qué los desarrolladores web soportan este lío, pero creo que están felices de tener al menos la oportunidad de hacer sus cosas.
Según W3Schools.com ,
El elemento central estaba en desuso en HTML 4.01 y no es compatible con XHTML 1.0 Strict DTD.
La especificación HTML 4.01 da esta razón para desaprobar la etiqueta:
El elemento CENTRO es exactamente equivalente a especificar el elemento DIV con el atributo de alineación establecido en "centro".
Si está actualizando un sitio web antiguo que tiene una etiqueta central, la solución a continuación puede no funcionar en muchos casos
el método de centrado es establecer las propiedades de margen izquierdo y margen derecho del elemento en automático, y luego establecer la propiedad de alineación de texto del elemento principal en el centro.
El siguiente método le dará el equivalente exacto para la etiqueta:
.center{
text-align: center;
display: inherit;
}
.center > div { /* It is the fix if there are any div tag inside center tag */
margin-left: auto;
margin-right: auto;
}
<span class="center">
Content
</span>
texto fuerte
Sigo usando la etiqueta <center> a veces porque nada en CSS también funciona. Ejemplos de intentar usar un truco <div> y fallar:
<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><div style="text-align: center;"> 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><div style="text-align: center;margin-left:auto;margin-right:auto"> still didn''t center either</td></tr></table></div>
<br />
<center><table border="1"><tr><td>Actually Centered with <center> tag</td></tr></table></center>
<center> obtiene resultados. Para usar CSS en su lugar, a veces tienes que poner CSS en varios lugares y meterte con él para centrarlo correctamente. Para responder a su pregunta, CSS se ha convertido en una religión con creyentes y seguidores que rechazaron <center> <b> <i> <u> como blasfemia, profano y demasiado simple por el bien de su propia seguridad laboral. Y si intentan quitarte tu <table>, pregúntales cuál es el equivalente de CSS del atributo colspan o rowspan.
No es la verdad abstracta o literaria, sino la verdad vivida lo que cuenta.
- zen
la etiqueta central ya no se usa, solo usa este
<div style="margin:0 auto">
<!--contents goes here-->
</div>
De otra manera
CSS
.centerclass{
margin:0 auto;
}
HTML
<div class="centerclass">
<!--Contents goes here-->
</div>
HTML tiene que ver con proporcionar estructura y significado al contenido, y esta debe ser su única función .
Sin embargo, hay una variedad de etiquetas que fueron agregadas en el pasado por desarrolladores de navegadores estúpidos, que violan este principio básico.
En algún momento, las personas entraron en razón (al menos, parcialmente) y comenzaron (intentando) acordar una especificación para escribir HTML correcto, por lo que rechazaron algunas de estas etiquetas.
Sin embargo, el daño ya se ha hecho: demasiadas personas han aprendido HTML como "poner etiquetas alrededor de cosas y cosas que suceden", en lugar de entender la distinción (importante y útil) entre semántica y presentación, y esas personas han continuado escribiendo libros. y tutorial, enseñando a otras personas la forma incorrecta de escribir HTML, quiénes mismos han hecho lo mismo, y hemos terminado con un viejo lío correcto.
Idealmente, la etiqueta center nunca debería haber existido, porque la gente debería haber señalado que no es HTML "real", y le dijo a los fabricantes de navegadores que regresen y lo hagan correctamente.
Y para hacerlo correctamente ... la alineación es, por supuesto, un problema de presentación: aplicar el diseño y el formato al contenido (estructurado) y el lenguaje que se usa para eso es CSS .
Sin embargo, una vez más, los estúpidos desarrolladores de navegadores cometieron errores en los primeros CSS - y en muchos casos las personas que creaban páginas web tenían que usar HTML incorrecto porque el CSS simplemente no funcionaba.
En estos días, estamos empezando a obtener algunas funciones útiles agregadas a CSS, pero todavía hay muchas cosas que no están implementadas, y muchas cosas que podrían haberse implementado de maneras muy superiores, pero ahora están estandarizadas, por lo que estamos Atrapado con los viejos caminos.
Si las personas sensatas hubieran implementado las hojas de estilo, tendría todos los controles que tiene en cualquier software de oficina decente (para alinear bloques y texto, funcionaría horizontalmente, verticalmente, invertido, girado, etc.) no se haría de la forma estúpida de establecer los márgenes izquierdo / derecho en automático.
Agregaré rápidamente, para completar, el tercer "nivel" para las páginas web, que trata de agregar interactividad a una página estática, que es, por supuesto, el JavaScript (mal llamado).
Una vez más, esos estúpidos desarrolladores de navegadores no sabían lo que estaban haciendo. Escogieron un nombre totalmente inexacto / inválido (por razones de mercadeo), y otra vez plagaron un lenguaje potencialmente grande y poderoso con fallas, falta de funcionalidad, y crearon algo que fue (hasta hace poco) odiado por muchas personas.
Por supuesto, en los últimos años hemos visto un gran levantamiento de las bibliotecas de JavaScript que han ayudado a mostrar algunas de las cosas geniales que JS ha sido capaz de hacer durante años, ha ocultado muchas de las fallas de los navegadores que aún existen en los navegadores, y ayudó parcialmente a parchear el soporte de CSS para que sea un poco más útil (aún faltan muchas cosas).
Así que sí, para resumir todo eso , la respuesta definitiva es porque los fabricantes de navegadores eran estúpidos. :)