<select>中的<font>标记在Firefox中无法正确呈现</select> </font>

Question

我使用Google翻译工具（http://translate.google.com/translate_tools）过期了。它们似乎工作得很好，除了似乎所有被翻译的内容都包含在两个<font>标签中。当它在<select>范围内时，Firefox不会在列表中呈现所选项目。

我认为<font>标记中不允许使用<option>标记，因为从以下标记开始时，<font>未在firebug中显示：

<select>
    <option selected="selected"><font><font>Test</font></font></option>
    <option><font><font>Test 2</font></font></option>
    <option><font><font>Test 3</font></font></option>
    <option><font><font>Test 4</font></font></option>
</select>

如果我添加一些jQuery来在DOM加载上添加<font>标记，则会显示<font>标记但内部文本会消失。看着萤火虫，它几乎就像是错误定位一样。

A JS fiddle。似乎IE，Chrome和Opera都忽略了<font>标签，无论它是否通过jQuery注入。

Answer 1

如果您查看HTML5 spec on the option element：

  

内容模型：文字。

"Text" is defined as：

  

文本，在内容模型的上下文中，表示文本节点。文本是   有时单独用作内容模型，但也是短语   内容，并且可以是元素间空格（如果文本节点是   空或只包含空格字符。）

因此，由于font是option的无效儿童，浏览器会通过删除font进行错误更正。