文档类型和浏览器行为特别是MS IE 10

时间:2013-09-27 18:42:56

标签: html internet-explorer svg dtd

如果IExplorer无法正常工作,是否值得查看页面?

故事:我混合使用HTML和SVG。我从一个有点低的方法开始:

<!DOCTYPE html [
 <!ENTITY duration "3s">
 ...
 ]>
<html>
<!-- all elements in principle valid (open close)
just not shown here -->
...
<svg ....>
...
</svg>
<p> ...</p>
...
</html>

并且 - surpise - 4个浏览器中的3个接受了这个并显示它就像我想要的那样。 IE10 - 不是

所以我使用W3C验证器来检查这个代码,并得到(如预期的)一个反弹不好的推荐。所以我花时间学习DTD。最后得到这样的代码,即 W3C - 有效

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN"
   "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd" [
 <!ENTITY duration "3s">
]>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>   
...
<svg:svg xmlns:svg="http://www.w3.org/2000/svg"  ...>
 <svg:defs> ... <svg:defs>
</svg:svg>
...

我现在得到了一个有效的页面(我很高兴),但是IE10仍然没有显示它应该如何(其他3 - 至少 - 仍然显示我的期望,但是“思考更长” )

所以我的问题:

是否值得使用这个 - 有效且可能是超正确的方法,如果MS似乎忽略了它?或者我的页面仍然错误?

the page that I am talking about

编辑:我原谅告诉; SVG应该是动画的,对鼠标悬停的反应

编辑#2:the W3C helping putting all together

1 个答案:

答案 0 :(得分:0)

IE不支持svg声明性动画(animate元素等)。

您可以放入一个小型js库,使其与其他浏览器类似,请参阅FakeSmile with IE9