javascript - 浏览器翻译单引号 (') into "s 并忽略 "\"s, HTML/Javascript

Question

这个问题可以分为两部分:

首先，浏览器忽略引号的转义:一图抵千字:http://i.stack.imgur.com/ZmlgJ.png

这在以前没有发生过。这种行为是什么时候改变的？
另外，为什么浏览器会将单引号翻译成双引号？为什么它不需要转义？例如:http://i.stack.imgur.com/endzi.png (检查器中的代码与浏览器窗口中的代码相同)

提前致谢!

Answer 1

First, the browser is ignoring the escaping of quotes

HTML 不是 JavaScript。与用于分隔该值的引号字符相匹配的属性值内的引号字符必须由实体表示，而不是以斜线为前缀。

<foo myAttribute="This value includes a double quote character: &quot;">

This didn't happen before

是的，确实如此。

Also, why does the browser translate single quotes into double quotes?

浏览器将 HTML 解析为 DOM。在此阶段没有引号，只有属性和值。

当您使用 DOM 检查器时，它会序列化回 HTML。双引号的使用是一种约定。几乎所有的 HTML 都是使用 " 来分隔属性值。

那个特定的 DOM 检查器甚至没有真正序列化数据。它只是提供了一个可视化。这里它使用颜色变化来标识属性值。