¿Cuáles son los contras prácticas de utilizar W3C elemento de presentación válida, que no figuran como obsoletos?

https://stackoverflow.com/questions/2235672

19-09-2019
|

Pregunta

¿Cuáles son los contras prácticas de utilizar W3C elemento de presentación válida, que no figuran como obsoletos

para los desarrolladores XHTML-CSS,
Los usuarios videntes Fin de sitio,
y para los usuarios de lectores de pantallas,?

como , ,  , <hr>,  si uso de estas etiquetas para fines de presentación. ( Nota: estos también son compatibles con HTML 5 )

por ejemplo:

Si uso  en lugar de 
Si uso  en lugar de 
Si uso   para hacer salto de línea en PÁRRAFO no para hacer espacio
Si uso <hr> en lugar de <div style="border-bottom: 1px solid #666">
Si uso  en lugar de

Yo sé la diferencia entre  y . Mi pregunta no es sobre  vs 

Solución

No hay una ‘estafa’ para usarlos en sí. Hay una ‘estafa’ a usarlos por lo que no debía . A menudo se han utilizado para las cosas mal en las páginas web en el pasado, pero eso no quiere decir que no hay cosa correcta.

 es semánticamente equivalente a : es decir, no hay ningún contenido semántico. Una palabra dentro ... no es más importante; un convertidor de la página web de texto a voz no debe (*) leer esa palabra en un tono de voz subrayado.

Cuando se quiere hacer hincapié en una palabra, al igual que ‘definitivamente’ en esta frase, usted debe definitivamente  uso. Este es el caso común. Pero cuando sólo desea un detalle tipográfico, como italicising un bloque de texto sólo para propósitos visuales, o peculiaridades tipográficas como siempre refiriéndose a su sitio como “Las cosas Mundo !”,  no es adecuado y te gustaría la versión semántica libres (el  o la ).

Del mismo modo,  es adecuado para “la cosa equivocada” por encima, ya que está destinado a ser mucho hincapié. Si sólo quería una parte del texto a ser prestados en negrita, sin implicar que es más importante que el texto circundante, que tendría que utilizar  o, de nuevo, en otro elemento de estilos como  o <div>.

Un uso común de  y  es cuando usted está tomando el texto desde una fuente unsemantic. En particular, es común a ser importar contenido desde un procesador de textos o una aplicación similar, donde no existe el concepto de énfasis como tal, solamente ‘cursiva’ y ‘negrita’. En este caso  y  (o el palmo equivalentes) son apropiados, ya que no sabe cuál es la intención semántica detrás de esos estilos de texto es; que la información ya está perdida.

Si auto-convertidos todos cursiva para  como muchas herramientas hacen, usted podría estar marcando hasta cursiva que no están destinados a representar énfasis. Por ejemplo, referencias a otros trabajos, que sería mejor marcado con <cite>, o palabras / frases de otro idioma como el latín o el francés, que sería mejor marcada con  (y estilo asociado a decir que las palabras de otro idioma debe ser en cursiva).

 y <big> podrían teóricamente ser el mismo caso, pero al mismo tiempo con el texto importado en negrita / cursiva es común, importados texto de tamaño no lo es. En consecuencia, nadie utiliza las siguientes etiquetas y usted es generalmente mejor con los estilos de fuente de tamaño CSS normal.

  y <hr> no son, posiblemente, de presentación de la misma manera que las marcas anteriores son. Un salto de línea puede ser una parte importante del contenido (por ejemplo. En la separación de líneas en una dirección), y una regla horizontal representa una separación más fuerte entre las secciones de texto que un simple párrafo. Por supuesto, si se utiliza para crear párrafos   falsos que están haciendo incorrecto (y ya está David Siegel alrededor del año 1998), y el uso de un <hr> sólo para obtener una pequeña línea agradable que no está bien tampoco.

(*:. Ejemplo ilustrativo; descubrir lo que los lectores de pantalla real, en realidad no se deja como ejercicio para el lector)

Otros consejos

Para completar aquí es el Índice de elementos que las listas de los cuales están en desuso y cuáles no (y estás en lo correcto al señalar como no se use).

En términos generales, sin embargo la gente usa:

 en lugar de ;
 en lugar de ;
<hr> y   porque no hay alternativa;
 está en mi experiencia rara vez se utiliza, con el estilo CSS que se utiliza en su lugar.

Es importante entender que  y  tienen significado semántico pero  y  no por lo que hay casos de uso son válidas para ambos.

horas son un dolor de estilo con CSS sin añadir más html

sa simplemente me molesta ya que no son realmente necesarios cuando se tiene el acolchado y los márgenes de jugar con

Yo tiendo a usar em o fuerte en lugar de i ob - ambos implican cursiva o negrita, mientras que em o fuertes son un poco más abstracto por lo que si se quiere dar un poco de 'em'phasis a algún texto o hacer algo de texto mirar un poco más fuerte que tiene más sentido sin ser necesariamente negrita o cursiva

Los contras del uso de elementos   para indicar saltos de línea (y por lo tanto no utilizar elementos  para indicar párrafos) es que se está limitando su ámbito de control de CSS sobre el documento. Es mucho más fácil de manejar muchos elementos  de texto, que el texto intercalados con  s en uno de los elementos a través de CSS.

Cada vez que arme am documento HTML, yo uso

  para indicar una ruptura 'blando'. (Como antes: en lugar utilizar los márgenes de los elementos  para mostrar los párrafos.)
<hr> a indicar la división de dos tramos del documento, por ejemplo, Entre los cabecera y la navegación, o la navegación y el contenido. Cuando un navegador sin soporte CSS ve el documento, una clara división es visible. entonces ocultar la <hr>s a través de la CSS.

De los 5 ejemplos, sólo que ésta, creo, tiene un significado: "# Si uso  en lugar de "

Small es relativa, mientras que font-size:9px es absoluta. Siempre debemos utilizar unidades relativas, lo que permite que el navegador para elegir su propia escala absoluta.  (o preferiblemente ) sería el equivalente.

Licenciado bajo: CC-BY-SA con atribución

No afiliado a StackOverflow