What throws Internet Explorer into quirks mode?

2019-01-26 04:06发布

站内问答 / HTML/CSS
377 4 6

I have created a webpage (http://www.snow4life.yum.pl) that was rendered properly in firefox, chrome etc. Of course dumb IE complicated things, because it enters quirk mode automatically, even though doctype is properly set and site goes through w3 validation (there is one error of missing some char, but file was cleared in hex editor). How can I stop ie from entering quirks mode ? Is there any way ?

4条回答
欢心
2楼-- · 2019-01-26 04:45

Try killing all the whitespace before the DOCTYPE.

EDIT: There is an <feff> character which is a Unicode BOM signature at the start of the file. Since you may not have a text editor that can actually see that, try deleting the entire first line and paste over it with

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

And do NOT save the file with a BOM unicode signature. If this doesn't work, try a different text editor altogether.

查看更多
0人赞 添加讨论(0) 举报
干净又极端
3楼-- · 2019-01-26 04:46

Quirks mode in any version of IE will also be triggered if anything precedes the DOCTYPE. For example, if a hypertext document contains a comment, space or any tag before the DOCTYPE declaration, IE will use quirks mode:

<!-- This comment will put IE 6, 7, 8, and 9 in quirks mode -->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
查看更多
0人赞 添加讨论(0) 举报
Summer. ? 凉城
4楼-- · 2019-01-26 04:47

I added both the doctype from the first comment and then the meta tag and it worked thanks guys .... and no thanks to IE :( 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

and 

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

I have just changed the doctype to html5 and it still works great

 <!DOCTYPE html> 
    <html>
      <head> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
查看更多
0人赞 添加讨论(0) 举报
我欲成王，谁敢阻挡
5楼-- · 2019-01-26 05:03

Paste the below code within the head tag

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)