1. дома
  2. Вопрос и ответ
  3. Почему мой index.html работает?

Почему мой index.html работает?

2015-08-08 2 views
1

Я думаю, что это связано с моим заголовком, но не удалось найти никаких ошибок. Я запускал его через html-валидатор, и единственные ошибки, которые я получил, не имели атрибутов alt. Вы, ребята, думаете, что это ошибка пути к файлу?Почему мой index.html работает?

<!DOCTYPE html> 
<html> 

<head> 
<title>Timeline</title> 


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
<link rel="stylesheet" href="css/animate.css"> 
<link rel="stylesheet" type="text/css" href="css/styles.css"> 



<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script src="js/scripts.js"></script> 

<!-- Owl Carousel --> 
<!-- Important Owl stylesheet --> 
<link rel="stylesheet" href="owl/owl-carousel/owl.carousel.css"> 

<!-- Default Theme --> 
<link rel="stylesheet" href="owl/owl-carousel/owl.theme.css"> 

<!-- Include js plugin --> 
<script src="owl/owl-carousel/owl.carousel.js"></script> 
<!-- end Owl Caorusel--> 

</head> 



<body> 





<div id='page-wrapper'> 




<!-- Begin Timeline--> 

<div id="owl-demo" class="owl-carousel owl-theme"> 


    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1955 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1965 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 


    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1975 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1985 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1996 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1997</h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1998 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>1999 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>2000 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>2002 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>2010 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non rutrum </p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 

    <div class="item main-wrapper"> 
     <div class='row'> 
      <div class='col-md-4'> 
       <div class='main-wrap'> 
        <h1 class='main-year'>2015 </h1> 
        <h3 class='main-info'>ASDF INDUSTRIES IS FOUNDED </h3> 
        <p class='main-p'> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et accumsan ante, quis fermentum sapien. Integer pellentesque aliquet metus non</p> 
       </div> 
      </div> 
<!--end of main left side--> 
      <div class='col-md-8'> 
       <img src='http://i.imgur.com/fJJY6U2.png' class='img-responsive main-img'> 
      </div> 
     </div> 
    </div> 



<!-- end of timeline --> 
</div> 


<!-- prev next buttons--> 

<div class='hidden-lg hidden-md'> 
    <div class='owl-buttons'> 
     <div class='owl-prev'> 
      <div class='icon-arrow-left'></div> 
     </div> 
     <div class='owl-next'> 
      <div class='icon-arrow-right'></div> 
     </div> 
    </div> 
</div> 
<!--end prev next buttons--> 

<!-- dots--> 
<div class='hidden-md hidden-lg'> 
    <div class='owl-page'></div> 
</div> 
<!-- end dots--> 


</div> 

</div> 
<!--end wrapper-->  

</body> 


</html>

источник

2015-08-08 Anonymous

+4

работа в каком виде? и проверили ли вы свой код через валидатор w3c, потому что вам не хватает важных элементов HTML, таких как '' и' ' – Mike

+0

где находится остальная часть вашего кода? –

+0

yep, добавьте весь код – AleshaOleg

ответ

0

Я вижу несколько возможных проблем здесь, только пара в том, что вы должны проверить пути к файлам, чтобы обеспечить ваши CSS файлы загружаются правильно, кроме того, вам нужно добавить Http: в передней части // jquery, они не будут загружаться должным образом, как если бы вы работали локально.

источник

2015-08-08 04:23:17 gwar9

+1

позволяет предположить, добавляет ли он 'http: //' перед jQuery, и он находится на защищенном сервере SSL, что тогда произойдет? – Shehary

+0

@ Шехири делает хороший момент. '//' должен быть не-проблемой (если только он не запускает файловую систему, используя протокол 'file: //'). –

+0

@Shehary, тогда его скрипты будут вытаскиваться из их URL-адресов, или если он выведет их на свой сервер оттуда, локально от него ничего не выйдет. – gwar9

Смежные вопросы

 Смежные вопросы