Почему php делит атрибут data-img на два?

PHP VPN

1 ответ

&lt;div class="block-services__items"&gt;                 &lt;?php foreach ($services as $service) : ?&gt;                     &lt;a data-img="&lt;?= $service['img']['url'] ?&gt;" href="&lt;?= $service['link'] ?&gt;" class="block-services__item"&gt;                     &lt;/a&gt;                 &lt;?php endforeach; ?&gt;             &lt;/div&gt;

<div class="block-services__items"> <?php foreach ($services as $service) : ?> <a data-img="<?= $service['img']['url'] ?>" href="<?= $service['link'] ?>" class="block-services__item"> </a> <?php endforeach; ?> </div>

в DOM рендерится так

&lt;a href="/metalloizdeliya-na-zakaz" class="block-services__item" data="-" img="/app/webp-express/webp-images/uploads/2022/12/cbbd0394d5c036d699faccbc018cc7d9.jpg.webp"&gt;

Дополнительно:

php тут не при чем, копайте дальше

Этот код нарушает стандарты кодирования ВП

Ответы:

Не делит.
https://ideone.com/Ga1OM2

у меня этот сайт не работает ни с какого устройства
Дмитрий, а через vpn?

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Павел Админов Ответ

PHP не делит data-img на два атрибута. Так происходит из-за неверно сформированного HTML. В вашем примере внутри атрибута есть лишние пробелы после открывающей кавычки и, возможно, значение выводится неэкранированным. Браузер пытается починить разметку и в итоге видит отдельные атрибуты data и img.

Пишите атрибут без пробелов между именем и значением, и обязательно используйте esc_url() / esc_attr():

&lt;div class="block-services__items"&gt;
&lt;?php foreach ($services as $service) : ?&gt;
    &lt;a
        data-img="&lt;?php echo esc_url($service['img']['url'] ?? ''); ?&gt;"
        href="&lt;?php echo esc_url($service['link'] ?? '#'); ?&gt;"
        class="block-services__item"&gt;
    &lt;/a&gt;
&lt;?php endforeach; ?&gt;
&lt;/div&gt;

<div class="block-services__items"> <?php foreach ($services as $service) : ?> <a data-img="<?php echo esc_url($service['img']['url'] ?? ''); ?>" href="<?php echo esc_url($service['link'] ?? '#'); ?>" class="block-services__item"> </a> <?php endforeach; ?> </div>

Если пишете короткий echo-синтаксис, тоже нормально:

&lt;a data-img="&lt;?= esc_url($service['img']['url'] ?? '') ?&gt;" href="&lt;?= esc_url($service['link'] ?? '#') ?&gt;" class="block-services__item"&gt;&lt;/a&gt;

<a data-img="<?= esc_url($service['img']['url'] ?? '') ?>" href="<?= esc_url($service['link'] ?? '#') ?>" class="block-services__item"></a>

Проверьте исходный HTML через «Просмотр кода страницы», а не только DOM в инспекторе. DOM уже показывает то, как браузер исправил битую разметку. Если в исходнике атрибут выглядит нормально, тогда ищите JS, который изменяет элемент после загрузки. Но по описанию это именно проблема HTML-вывода.

Также проверьте, что в URL картинки нет кавычек или других символов, которые могут закрыть атрибут раньше времени. Если значение приходит из ACF, Carbon Fields или массива темы, оно всё равно должно проходить через esc_url(). Для произвольных data-атрибутов с текстом используйте esc_attr(), а для ссылок и изображений — esc_url().

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов code-review Нужен ли код-ревью React/TypeScript проекта? 0 ответов Telegram Как добиться, чтобы Telegram прислал мне именно смс код, а не через звонок его диктовал? 0 ответов

Почему php делит атрибут data-img на два?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно