Question

我的网站上发生了一件奇怪的事情 - 脸书分享按钮显示所有页面的完美缩略图，除了最重要的页面 - 索引页面。我无法弄清楚问题是什么。您可以查看我的网站：http://boishare.com/hello/index.php

页眉和页脚是用不同的文件写的，因此这两个文件对所有文件都是通用的。所以问题可能在于索引文件的正文，而且可耻，我找不到任何东西。这是正文的代码：

<?php include 'header.php'; ?>

<hr>
        <div id="myCarousel" class="carousel slide">

    <!-- Carousel items -->
    <div id="slides">

    <div class="carousel-inner" align="center">
        <div class="item">
            <a href="appA.php"><img src="images/1.png"/></a>
        </div>
        <div class="active item">
            <a href="appB.php"><img src="images/2.png"/></a>
        </div>
        <div class="item">
            <a href="appC.php"><img src="images/3.png"/></a>
        </div>
        <div class="item">
            <a href="appD.php"><img src="images/4.png"/></a>
        </div>
    </div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

    <?php include 'footer.php'; ?>


 </div>


</body>

以下是标题：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
    <title>Marssh</title>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/Ink-v1.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta property="og:image" content="http://boishare.com/hello/images/M-logo-1.png"/>

    <link rel="image_src" href="http://www.marssh.com/marssh/images/M-logo-1.png" />

    <link rel="shortcut icon" href="http://oi45.tinypic.com/2zi30gk.jpg">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />

    <link rel="stylesheet" href="css/ink.css" />
    <link rel="stylesheet" href="css/ink-ie.css" />
     <link rel="stylesheet" href="css/style.css" />
    <style type="text/css">
        body {
            padding-top: 0px;
            padding-bottom: 40px;
        }

        .nav li:hover .dropdown-menu {
            visibility: visible;
            display: block;
        }

        #content {
            width: 70%;
            margin-left:auto;
            margin-right:auto;
        }

        .nav-collapse {
            width: 50%;
            margin-left:auto;
            margin-right:auto;
        }
        #footer
        {
            height: 100px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        #footer p
        {
            float: right;
            position: relative;
            top: 45%;
            left: -20px;
        }

        #links
        {
            float: right;
        }
        html .fb_share_link
        {
        padding:2px 0 0 20px;
        height:16px; 
        background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; 
        }

        #horizontal
        {
            list-style-type:none;
            margin:0;
            padding:0;
        }

        #horizontal li{
            float: right;
            position: relative;
            top: 45%;
            padding: 0px 10px;
        }

        #horizontal li a{
            color: #4099FF;

        }

        #contact
        {
            height: 300px;

        }

        .carousel
        {
            padding:2px;
            border: 2px solid #aaa;
            border-radius: 4px;

        }

        #menu
        {
            width: 400px;
            float: right;
        }

        #p1{
            font-size: 30px;
        }

        #p2{
            font-size: 40px;
            font-weight: bold;
            color: #000000;
            font-family: "AR JULIAN";
        }

        #name, #email, #telephone, #enquiry, #message{
            width: 350px;
        }

        #sub
        {
            width: 220px;
        }

        #img1
        {
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

        .accordion-heading{

            background: #ffffff;

        }

        .accordion-heading a
        {
            text-decoration: none;
            background-color: #000000;
            color: #ffffff;
        }

        .accordion-heading a:hover
        {
            text-decoration: none;
            color: #ffffff;
        }

    </style>

   <script>
        $(document).ready(function() {
             $('.carousel').carousel({
                interval : 4000
             });
        });

</script>

<script>
function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer',
'toolbar=0,status=0,width=626,height=436');
return false;
}
</script>

<script>
!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id))
{
js=d.createElement(s);
js.id=id;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}
}
(document,"script","twitter-wjs");
</script>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>   


</head>

<body>

    <div id="content">
    <p id="p2"><a href="index.php"><img src="images/M-logo-1.png" style="width: 100px"/></a>arssh</p>
        <div id="menu">
                <nav class="ink-navigation">
                    <ul class="menu horizontal black">
                    <li><a href="index.php"><img src="images/M-logo-inv.png" style="height:18px; width:18px; border:none;"/></a></li>
                    <li><a href="apps.php">Apps</a>
                        <ul class="submenu" id="sub">
                            <li><a href="appA.php">Child Learning at brightKids</a></li>
                            <li><a href="appB.php">shapeMutantsVsU</a></li>
                            <li><a href="appC.php">iInTeL</a></li>
                            <li><a href="appD.php">iOpinio</a></li>
                        </ul>
                    </li>
                    <li><a href="studio.php">Studio</a></li>
                    <li><a href="lab.php">Ghost Lab</a></li>
                    <li><a href="contact.php">Support</a></li>
                </ul>
                </nav>
        </div>
        <div style="clear:both; "></div>

facebook分享差异

0 个答案: