Во-первых, браузер игнорирует экранирование кавычек
HTML - это не JavaScript.Символы в кавычках внутри значения атрибута, которые соответствуют символам в кавычках, используемым для разделения этого значения, должны быть представлены сущностями , без префикса.
<foo myAttribute="This value includes a double quote character: "">
Это непроизошло раньше
Да, это произошло.
Кроме того, почему браузер переводит одинарные кавычки в двойные?
Браузеры анализируют HTMLв ДОМ.На этом этапе нет кавычек, только атрибуты и значения.
Когда вы используете инспектор DOM, он сериализуется обратно в HTML.Использование двойных кавычек является соглашением.Почти весь HTML написан с использованием "
для разделения значений атрибутов.
Этот конкретный инспектор DOM даже не сериализует данные.Это просто обеспечивает визуализацию.Здесь он использует изменение цвета для определения значения атрибута.