Что делать, если HTML-код в редакторе и в инспекторе отличается?

Question

[AnneyBen]

Вот это код из редактора (блок container-hover находится в ссылке):


Вот это код из испектора (блок container-hover находится вне ссылки):


Помогите пожалуйста с этой проблемой

Comments

[Дмитрий Добрышин]

Он у вас не пересоздаётся с помощью JS?

[Одиночка Айс]

Ссылка не может быть внутри ссылки! Они так не дружат!

[Вадим]

1) Проверить что у вас стоит корректный doctype
2) Убедиться что никакой js не делает этого - например, вынеся этот html в отдельный файл и проверить результат.
3) не запихивать ссылку в ссылку :-)

[Вадим]

Аналогичное поведение будет если Вы попытаетесь вложить p в p

[AnneyBen]

Дмитрий Добрышин, никакой JS не подключен

[AnneyBen]

Вадим, никакой JS не подключен

[AnneyBen]

Одиночка Айс, спасибо большое, помогло. А не могли бы прислать материал о том, почему они не дружат?

[Одиночка Айс]

AnneyBen, материал не подскажу, но подумайте сами - кликаем на ссылку, а там другая ссылка, какую нужно обрабатывать?

[Вадим]

AnneyBen, вообще это можно найти в спецификации - какие тэги куда можно вкладывать.
А на счёт ссылок - Вы сами подумайте. Если у вас куча контента обёрнуто в ссылку, и плюс внутри ещё ссылка. При нажатии на вложенную ссылку, какая ссылка должна срабатывать? Внешняя? Вложенная? Обе?

[AnneyBen]

Одиночка Айс, Вадим, спасибо

Answer 1

[venanen]

Сделайте демо на codepen.
Пока рискну предположить, что нужно закрыть тег img - , вроде и так должно работать

Comments

[Ankhena]

Тег img одиночный. Его не нужно закрывать.