以下网页将在Firefox 3.5中以意外结果呈现.第一个<地址>元素不会有粉红色的背景,但第二个会.这只发生在我身上吗？我的代码不正确吗？或者这是一个错误？
编辑：这也发生在Firefox 3.6中
- <!doctype html>
- <html lang="en">
- <head>
- <Meta charset="UTF-8">
- <title>Firefox 3.5 bug!</title>
- <style>
- address
- {
- background: pink;
- }
- </style>
- </head>
- <body>
- <address>
- <ul>
- <li>This will NOT have a pink background in Firefox 3.5</li>
- </ul>
- </address>
- <address>
- <p>But this will</p>
- </address>
- </body>
- </html>
解决方法
在你的HTML或浏览器中,这不是一个真正的错误.更多的是你正在使用HTML5和Firefox 3.x没有足够的HTML5识别.
HTML 4.01,the Address element定义为：
- <!ELEMENT ADDRESS - - (%inline;)* -- information on author -->
所以它只允许内联内容. < UL>不是内联内容,因此Firefox 3.x在其破坏的标记处理规则中决定不允许< ul>在< address>内
在HTML5之前,错误处理行为没有标准化,并且其他浏览器选择了不同的错误处理行为,这允许< ul>在< address>内
当HTML5出现时,它改变了有效性规则,因此,the address element定义为：
- 4.4.10 The address element
- Content model:
- Flow content,but with no heading content descendants,no sectioning
- content descendants,and no header,footer,or address element descendants.
在此< ul>中在< address>内有效,因此HTML5解析规则被定义为< ul>将被放置在<地址>内解析器的元素.
Firefox 4及更高版本使用HTML5解析器,因此不会出现问题.
