Fatal编程技术网

Javascript 正确实现HTML5？

javascript html css

Javascript 正确实现HTML5？,javascript,html,css,cross-browser,html5shiv,Javascript,Html,Css,Cross Browser,Html5shiv,在花了一段时间设计一个网站后，我现在决定至少要让它在IE9及以下版本中可以查看。我遵循了以下网站中的示例： 但是没有用 以下是其中一个网站页面在最新浏览器中的外观： 以下是IE9及以下版本中的外观： 奇怪的是，这个主页看起来很好，其他的都一样 我在所有html页面的头部实现了以下代码： <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> 即使这样

在花了一段时间设计一个网站后，我现在决定至少要让它在IE9及以下版本中可以查看。我遵循了以下网站中的示例：

但是没有用

以下是其中一个网站页面在最新浏览器中的外观：

以下是IE9及以下版本中的外观：

奇怪的是，这个主页看起来很好，其他的都一样

我在所有html页面的头部实现了以下代码：

<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
<![endif]-->
即使这样做了，如果我不是瞎子的话，我相信这是正确的，IE9及以下版本也不能很好地展示这个网站

任何建议都将受到欢迎

谢谢。

我相信你已经弄明白了，查理，但如果你还没有弄明白，我会试试这些东西

首先，关于css：

↑ 这应该包含在其他css之前。通常，您不需要这样做，因为HTML5shiv已经添加了这些样式，但是对于一些较旧的浏览器或禁用了javascript的浏览器，您可以添加这些样式。在我看来，只在你的简历中写上你的简历是比较容易的

另外，确保HTML5shiv被添加到头部，最好是在末尾。如果在页面加载后将其加载到页脚中，可能会导致您描述的问题

您的代码应该如下所示：

在github页面上可以找到html5shiv的一些已知问题，如果仍然存在问题，则应报告。另外，请确保您使用的是最新版本的脚本。

尝试更改为。您可能应该了解HTML5的实际功能。它不是一个神奇的库，它可以让你的所有代码在旧浏览器中工作；它所做的一切就是允许您使用HTML5元素，同时保持对旧浏览器的支持，例如IE8及以下版本甚至无法识别小节元素。它并不能神奇地解决那些浏览器所面临的所有布局问题。如果你对一段在IE中不起作用的特定代码有任何疑问，请在这里发布，包括有问题的代码，以便我们可以帮助你。我发现奇怪的是，在删除了所有html5shiv代码后，我的布局在IE9及以下版本中仍然是一样的，怎么会被破坏。好像什么都没做。我的页眉和页脚在主页上显示得很好，但在任何其他页面上，都会看到上面的屏幕截图中是如何显示的，即使js代码实现得完全一样。此外，希望我们不会像以前一样需要这些插件太久！ 
/*HTML5*/
article, aside, details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block; 
}

/*HTML5*/
article, aside, details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block; 
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title><meta name="description" content="">
    <!-- CSS Reset -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet">
    <!-- Your site CSS (Optional ) -->
    <link rel="stylesheet" href="css/main.css">
    <!-- HTML5 shim for support of HTML5 elements (added at end of head) -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <![endif]-->
  </head>
  <body>

   You content here ....


  <!-- If you use javascript  -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  </body>
</html>