Internet Explorer错误解释了html标记

时间:2015-05-16 17:43:24

标签: html css html5 internet-explorer

Internet Explorer误解了网站:它显示<tag></tag> bla bla </tag><//tag>而不是<tag>bla bla</tag>。例如,导航部分的代码是:

   <nav>
   <ol>
   <li><form action="Algemene Voorwaarden Bijles Studio.pdf" method="get"   target="_blank">
   <button>algemene voorwaarden</button>
   </form>
   Bla Bla
   </li>
   </ol>
   </nav>

但IE的inspect元素功能显示如下:

   <nav></nav>
   <ol>...</ol>
   </nav><//nav>

这并不仅仅发生在nav标签上,它也会发生在figcaption,section,footer和其他标签上,例如IE inspect元素显示:

  <figcaption></figcaption>
  Onze bijlesdocenten
  </figcaption><//figcaption>

此外,该网站在谷歌浏览器和其他浏览器中运行良好。

该网站的网址为:http://www.bijlesstudio.com 评论:我在ProWebmasters上问过这个问题,但是他们发送给我的是因为mod认为这是一个CSS问题,所以不要删除这篇帖子,因为它是一个重复的s.v.p。

此致 Jens Wagemaker

2 个答案:

答案 0 :(得分:1)

可能发生的一件事是您正在使用Internet Explorer IE8或更旧的文档模式,不支持HTML5的新语义元素。

enter image description here

<强> Can I use... Support tables for HTML5, CSS3, etc

要解决:

  • 检查并通过页面上的right-cliking将文档模式更改为IE9 + - &gt; inspect element - &gt;(查看检查元素部分右上角)select Edge落下。 enter image description here

  • 您可以将其添加到您的网页<head>...</head>部分

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    

    正如常识所说,这是一个比前一个更好的选择

答案 1 :(得分:0)

有一个空格<ol >可能是它的一部分,但是你的编辑器正在插入一些字母顺序标记,这可能会搞乱IE。检查编辑器的设置以关闭它。

总是validate your HTML找到这样的东西。