Regla horizontal: buena o mala decisión de diseño

Question

Tengo un control personalizado que construí que contiene una lista de elementos para seleccionar. Me preocupaba que estos elementos se ejecutaran juntos ya que puede haber muchos tipos diferentes de acciones en esta lista.

• Crear
• Editar
• Ver

Hice, pues, la posibilidad de separarlos en grupos mediante el uso de una regla horizontal.

Alguien con quien trabajo cree que las reglas horizontales son una opción de diseño terrible, y quiere que lo cambie a una DIV estilizada. Realmente no tengo una opinión más que son simples de implementar. El HR I implementado está muy bien diseñado y se ve bien.

¿Pensamientos? ¿Son las reglas horizontales una buena o mala elección de diseño?

Answer 1

Malo, al igual que el uso de un div simplemente para agregar un div horizontal. En su lugar, considere poner la línea que se parece a la regla horizontal como un borde al elemento que desea dividir. Esto será semánticamente correcto ya que no está afectando la estructura del documento HTML que está creando.

This article goes in to depth about how div's can be abused usándolos como elementos de presentación solamente. Aunque a veces no hay manera de evitarlo, este no es uno de esos momentos.

Answer 2

Tiendo a estar de acuerdo con altCognito en este punto, ya que son puramente de presentación (al menos parecen ser en cada instancia en que los he visto usados ​​hasta ahora) deben aplicarse a través de la CSS.

Bien puede haber una opción de :after {content: /* hr */;}, pero, sinceramente, cuando hay borde inferior, que visualmente sirve (o al menos puede servir) el mismo propósito, ¿por qué molestarse con el <hr /> más?

Pueden, por supuesto, tener un estilo si decides ir con él, aunque W3 Schools sugieren que todas las posibles opciones de diseño ahora están en desuso. Si esto es así, y no puede ser 'oficialmente' diseñado, sería mejor evitarlo, creo. Aunque solo sea desde una mentalidad purista para mantener la validez de tus hojas de estilo.

Answer 3

El único problema con la HR es que siempre está ahí. Supongo que su compañero de trabajo cree que es posible que no siempre quiera que se muestre el HR, y al usar el DIV y una solución CSS, alguien puede eliminarlo o cambiarlo en un archivo css global. (aunque, el HR también puede ser controlado por css)

La solución div + css no es mala, pero por lo que usted describe, la solución de recursos humanos tampoco está mal. Me gustaría ir con lo que sea conveniente en este caso.