HTML文档的标题中所谓的顺序是否重要？

我叫一个文档中WOW.js和Animate.js：HTML文档的标题中所谓的顺序是否重要？

<head> 

    <meta charset="uft-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title> Portfolio </title> 
    <!-- angularJS --> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
     <!-- JQuery --> 
     <script src="JS/jQuery.min.js"></script> 

     <!-- Bootstrap --> 


      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

      <!-- Optional theme --> 
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

      <!-- Latest compiled and minified JavaScript --> 
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

     <!-- Font Awesome CDN --> 
     <script src="https://use.fontawesome.com/e42f2bbc33.js"></script> 

     <!-- CSS --> 
      <link rel="stylesheet" type="text/css" href="index.css"> 

     <script src="JS/wow.min.js"></script> 

     <link rel="stylesheet" href="animate/animate.min.css"> 


     <!-- Raleway font --> 
      <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'> 

</head>

但当我实际使用WOW.js，它在所有不工作，而是留下空白的元素一起。我知道，这些文件和语法是正确的，因为当我一个单独的HTML文件在同一目录下（同一索引）内进行审判，它的工作：

<head> 

<script src="JS/wow.min.js"></script> 

<link rel="stylesheet" href="animate/animate.min.css"> 

<script> 
     new WOW().init(); 
</script> 
</head> 
<body> 

    <div id="block" style="height: 800px; background-color: green"> 
    helo 

    </div> 

    <h1 class="wow fadeInUp"> Hello </h1> 

</body>

当我从其他文件添加的东西，如bootstrap和jQuery，它停止工作。我的问题是：为什么在添加更多链接时不起作用，以及如何修复它。我不认为JSFiddle或live链接是必要的，因为问题只在脑海中，而我遵循茶的其余语法。但是，如果你真的需要它：

这是工作用的插件WOW.js和AnimateCSS的： https://jsfiddle.net/xs2b49qs/

这是不工作的使用插件WOW.js和AnimateCSS的： https://jsfiddle.net/hv4Lv4g3/

我也注意到，使JSFiddles没有文档的CSS /样式组件，它实际上工作。但只要我添加CSS样式，它不起作用。

你们能告诉我为什么这是吗？

感谢您的所有答案！

来源

2016-08-02 John Doe

找到了答案：我以前：

html, body{ 
    height: 100%; 
    width: 100%; 
    margin: 0 auto; 
    overflow-x: hidden; 
}

出于某种原因，这didnt让WOW.js插件工作

但后来我把它改为：

html, body{ 
    margin: 0 auto; 
    overflow-x: hidden; 
}

..它的工作！

林不知道这是否有副作用，但它。如果有评论会发表评论！

来源

2016-08-02 21:27:39

HTML文档的标题中所谓的顺序是否重要？

回答

相关问题