Sigo tropezando con este problema donde todosmantiene: a) querer envolver etiquetas semánticas HTML5 con divs, y b) quiere aplicar selectores de clase a los divs y no a las etiquetas semánticas. Es como si las personas tuvieran miedo de incluir clases en etiquetas semánticas por alguna razón.
Por ejemplo, constantemente me dicen que esto es "incorrecto",
<body class="container">
<header class="row">
<div class="col-md-12"> ...
Y algo como esto es más preferible,
<body>
<div class="container">
<div class="row">
<div class="col-md-12"> ...
Y aquí, donde el primer ejemplo tengo la clase de columna en la etiqueta h2
<div class="row">
<h2 class="col-4 feature">Featured Work</h2>
</div>
Pero la forma "correcta" es agregar otra etiqueta div para aplicar la clase,
<div class="row">
<div class="col-4 feature">
<h2>Featured Work</h2>
</div>
</div>
Entiendo que esto podría estar basado en la opinión,pero he descubierto que cuando se trata de HTML5, las opiniones realmente importan, ya que prácticamente todos tienen problemas y no hay otra manera de armar detalles sin opiniones.
Respuestas
9 para la respuesta № 1Recomiendo apegarse a la
<body>
<div class="container">
<div class="row">
<div class="col-md-12"> ...
formato.
Si pretende trabajar con muchos otros desarrolladores o con plantillas de bootstrap, verá que envase clases típicamente anidan fila divs de clase.
Ya que estamos hablando de marcas no hay una respuesta correcta, pero se recomienda seguir esta convención.
- Por consistencia
- Para cambios fáciles de peinar y reutilizables conOtros proyectos: esto incluso abre la puerta a los reemplazos directos de las hojas de estilo CSS de otros proyectos o plantillas de arranque. (He tenido algunos resultados sorprendentemente buenos con esto).
Sin embargo, si insistes en dar etiquetas que no sean div.Las etiquetas "contenedor" y "col-X", deben ser consistentes. Sin embargo, no lo recomendaría y consideraría que cualquier plantilla que siga su propia convención es un indicador de la mala calidad del código.