Tengo el siguiente sitio: https://www.daenischer-kerzenshop.de/ Si miro el código fuente a través del navegador, puedo detectar etiquetas vacías.
¿Alguien sabe por qué se generan y cómo puedo eliminarlos? Busqué todos los archivos posibles y eliminé todo el código que podría causar esto. Desafortunadamente, tampoco pude encontrar un complemento utilizable.
Aquí hay un ejemplo (Navegador-> Ver código fuente-> línea: 1465):
<div class="container section-title-container"> <h1 class="section-title section-title-center"> <b></b> <span class="section-title-main">Qualitätsmerkmale der Dänischen Kerzen</span> <b></b> </h1> </div>El sitio utiliza el tema Flatsome.
¡Cualquier ayuda sería muy apreciada!
Este es el método más simple y fácil para excluir cualquier etiqueta o texto no utilizado. Simplemente agregue el siguiente código y vea la magia.
$foo = ' <div class="container section-title-container"> <h1 class="section-title section-title-center"> <b></b> <span class="section-title-main">Qualitätsmerkmale der Dänischen Kerzen</span> <b></b> </h1> </div>'; $bar = str_replace('<b></b>', '', $foo); // Magic mathod echo $bar; <div class="container section-title-container"> <h1 class="section-title section-title-center"> <span class="section-title-main">Qualitätsmerkmale der Dänischen Kerzen</span> </h1> </div>la etiqueta "b" creada por el desarrollador de su tema. tiene algunos estilos en su tema. él/ella diseñó la etiqueta "section-title b" para centrar el título. tampoco es una forma estándar de centrar el texto de un título. puedes probar de esta manera:
coloque este código en su archivo css y vea el resultado borrando su caché con ctrl + F5:
.section-title b { display: none; } .section-title.section-title-center { justify-content: center; }Esas etiquetas en realidad están siendo utilizadas por el autor del tema con fines de diseño, por lo que no puede eliminarlas u ocultarlas sin modificar el aspecto de la página. Observe que tienen asignados los siguientes estilos:
.section-title b { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; opacity: .1; background-color: currentColor; }Representan las líneas finas a ambos lados de los títulos.
Entonces, incluso si están vacíos, representan un elemento visual en el estilo de tu página.