從我的桌面加載頁面時IE11不能識別HTML5元素，有什麼想法爲什麼？

我剛開始一份新工作，在午餐剎車期間，我想努力練習一些技能以準備參加MS 70-480專科考試。我更喜歡使用谷歌瀏覽器，但公司有關於安裝個人使用軟件的規定，所以我堅持使用IE（版本：11.0.9600.18015）。從我的桌面加載頁面時IE11不能識別HTML5元素，有什麼想法爲什麼？

所以在記事本++中，我爲HTML5的視頻元素創建了簡單的測試。

<!DOCTYPE html> 
<html> 
<head> 
    <title>70-480 Test Page</title> 
</head> 

<body> 
<header> 
    <h1>Practice makes perfect</h1> 
</header> 
    <section id="sandbox"> 
    <video width="400" controls=""> 
     <source src="http://www.w3schools.com/html/mov_bbb.mp4" > 
     Your browser does not support the video element. 
    </video> 
    </section> 
</body> 
</html>

但是頁面沒有顯示視頻而回來。我檢查開發者工具和DOM中的資源管理器元件原產於HTML5（報頭，視頻段，等）發現不被認可和被代替示出如：

... 
<body> 
    <header></header> 
    <h1>Practice makes perfect</h1> 
    </header><//header> 
    <section id="sandbox"></section> 
    <video controls="" width="400"></video> 
     <source src="http://www/w3schools.com/html/mov_bbb.mp4"></source> 
    </video><//video> 
    </section><//section> 
</body> 
....

我知道IE11支持元件因爲當我在同一瀏覽器上將代碼複製到JSfiddle時，它顯示正常。有沒有解釋爲什麼互聯網瀏覽器給我這個頭疼？

來源

2015-09-15 Steven Biggs

您可以嘗試將<！DOCTYPE html>更改爲<！DOCTYPE HTML>並查看它是否有效 – Satya

您的瀏覽器是否具有「Edge（默認）」文檔模式集？試試這個標籤內部的頭 – RageAgainstTheMachine

Tryied the solution in a plain html file on my computer local，does not do anything when when添加這個元標記@PedroMendes，我有一個黑色的方塊，但視頻似乎不被識別。我有控制，但點擊「播放」不會運行視頻。 –

Pedro Mendes和Lance Leonard的評論都奏效了。

佩德羅的解決方案：

請問您的瀏覽器有「邊緣（默認）」的文件模式？嘗試此標記水箱內

蘭斯的解決方案：

你的頁面很可能被加載在兼容性視圖。請參閱此previous answer瞭解更多信息。

我決定和蘭斯的解決方案一起使用，這樣如果我在將來創建更多頁面，我將不必每次都包含元標記。

來源

2015-09-16 13:53:46

從我的桌面加載頁面時IE11不能識別HTML5元素，有什麼想法爲什麼？

回答

相關問題