Question

我很难找到解决这个问题的方法。我一直在寻找过去3天，但我没有找到任何结果，所以我来这里问。我想将我的侧边栏保存在一个单独的文件中，以便在我的index.html中节省一些空间，并且也可以在其他页面中使用。这就是我在侧边栏中想要的东西:(注意：我使用过Bootstrap的UI“Bootflat”）

<h1 align="center">Calendar</h1>
 <div class="row" align="center">
    <div class="col-md-4" align="center">
        <div class="calendar" align="center">
            <div class="years clearfix">
                <div class="unit prev"><em></em></div>
                <div class="monyear">DECEMBER 2015</div>
                <div class="unit next"><em></em></div>
            </div>
            <div class="days">
                <div class="clearfix">
                    <div class="unit linkcur">SU</div>
                    <div class="unit linkcur">MO</div>
                    <div class="unit linkcur">TU</div>
                    <div class="unit linkcur">WE</div>
                    <div class="unit linkcur">TH</div>
                    <div class="unit linkcur">FR</div>
                    <div class="unit linkcur">SA</div>
                </div>
                <div class="clearfix">
                    <div class="unit older linkcur"><b>29</b></div>
                    <div class="unit older linkcur"><b>30</b></div>
                    <div class="unit linkcur"><b>1</b></div>
                    <div class="unit linkcur"><b>2</b></div>
                    <div class="unit linkcur"><b>3</b></div>
                    <div class="unit linkcur"><b>4</b></div>
                    <div class="unit linkcur"><b>5</b></div>
                    <div class="unit linkcur"><b>6</b></div>
                    <div class="unit linkcur"><b>7</b></div>
                    <div class="unit linkcur"><b>8</b></div>
                    <div class="unit linkcur"><b>9</b></div>
                    <div class="unit linkcur"><b>10</b></div>
                    <div class="unit linkcur"><b>11</b></div>
                    <div class="unit linkcur"><b>12</b></div>
                    <div class="unit linkcur"><b>13</b></div>
                    <div class="unit linkcur"><b>14</b></div>
                    <div class="unit linkcur"><b>15</b></div>
                    <div class="unit linkcur"><b>16</b></div>
                    <div class="unit linkcur"><b>17</b></div>
                    <div class="unit linkcur"><b>18</b></div>
                    <div class="unit linkcur"><b>19</b></div>
                    <div class="unit linkcur"><b>20</b></div>
                    <div class="unit linkcur"><b>21</b></div>
                    <div class="unit linkcur"><b>22</b></div>
                    <div class="unit linkcur"><b>23</b></div>
                    <div class="unit linkcur"><b>24</b></div>
                    <div class="unit linkcur"><b>25</b></div>
                    <div class="row tooltip-demo"><div class="unit active linkcur" class="btn btn-info btn-block" data-toggle="tooltip" data-placement="left" title="Launch Day"><b>26</b></div></div>
                    <div class="unit linkcur"><b>27</b></div>
                    <div class="unit linkcur"><b>28</b></div>
                    <div class="unit linkcur"><b>29</b></div>
                    <div class="unit linkcur"><b>30</b></div>
                    <div class="unit linkcur"><b>31</b></div>
                    <div class="unit older linkcur"><b>1</b></div>
                    <div class="unit older linkcur"><b>2</b></div>
                    <div class="unit older linkcur"><b>3</b></div>
                    <div class="unit older linkcur"><b>4</b></div>
                    <div class="unit older linkcur"><b>5</b></div>
                    <div class="unit older linkcur"><b>6</b></div>
                    <div class="unit older linkcur"><b>7</b></div>
                    <div class="unit older linkcur"><b>8</b></div>
                    <div class="unit older linkcur"><b>9</b></div>
                </div>
            </div>
        </div>

</div>
</div>
<hr>

正如您所看到的，它需要很大的空间。我希望将这段代码放在一个单独的文件中，以便我可以轻松地将其连接到其他页面并轻松编辑它。请帮忙！

修改 PHP文件成功但它似乎没有显示在页面中。
PHP页面中的结果： The Result in PHP Page
我在主页=得到什么 What I get in the Homepage

Answer 1

如果您可以使用PHP，您只需创建一个新的html文件，将代码放在那里并使用扩展名.php保存。然后你要做的就是把

<?php include("Sidebar.php"); ?>

您想要侧边栏的任何地方。

更新

将此文件另存为Sidebar.php。然后在具有该代码的所有html页面中，您可以将扩展名重命名为.php并放置上述代码而不是侧边栏，因此您只需在一个文件中进行更改即可更新包含该文件的整个网站

<h1 align="center">Calendar</h1>
<div class="row" align="center">
<div class="col-md-4" align="center">
    <div class="calendar" align="center">
        <div class="years clearfix">
            <div class="unit prev"><em></em></div>
            <div class="monyear">DECEMBER 2015</div>
            <div class="unit next"><em></em></div>
        </div>
        <div class="days">
            <div class="clearfix">
                <div class="unit linkcur">SU</div>
                <div class="unit linkcur">MO</div>
                <div class="unit linkcur">TU</div>
                <div class="unit linkcur">WE</div>
                <div class="unit linkcur">TH</div>
                <div class="unit linkcur">FR</div>
                <div class="unit linkcur">SA</div>
            </div>
            <div class="clearfix">
                <div class="unit older linkcur"><b>29</b></div>
                <div class="unit older linkcur"><b>30</b></div>
                <div class="unit linkcur"><b>1</b></div>
                <div class="unit linkcur"><b>2</b></div>
                <div class="unit linkcur"><b>3</b></div>
                <div class="unit linkcur"><b>4</b></div>
                <div class="unit linkcur"><b>5</b></div>
                <div class="unit linkcur"><b>6</b></div>
                <div class="unit linkcur"><b>7</b></div>
                <div class="unit linkcur"><b>8</b></div>
                <div class="unit linkcur"><b>9</b></div>
                <div class="unit linkcur"><b>10</b></div>
                <div class="unit linkcur"><b>11</b></div>
                <div class="unit linkcur"><b>12</b></div>
                <div class="unit linkcur"><b>13</b></div>
                <div class="unit linkcur"><b>14</b></div>
                <div class="unit linkcur"><b>15</b></div>
                <div class="unit linkcur"><b>16</b></div>
                <div class="unit linkcur"><b>17</b></div>
                <div class="unit linkcur"><b>18</b></div>
                <div class="unit linkcur"><b>19</b></div>
                <div class="unit linkcur"><b>20</b></div>
                <div class="unit linkcur"><b>21</b></div>
                <div class="unit linkcur"><b>22</b></div>
                <div class="unit linkcur"><b>23</b></div>
                <div class="unit linkcur"><b>24</b></div>
                <div class="unit linkcur"><b>25</b></div>
                <div class="row tooltip-demo"><div class="unit active linkcur" class="btn btn-info btn-block" data-toggle="tooltip" data-placement="left" title="Launch Day"><b>26</b></div></div>
                <div class="unit linkcur"><b>27</b></div>
                <div class="unit linkcur"><b>28</b></div>
                <div class="unit linkcur"><b>29</b></div>
                <div class="unit linkcur"><b>30</b></div>
                <div class="unit linkcur"><b>31</b></div>
                <div class="unit older linkcur"><b>1</b></div>
                <div class="unit older linkcur"><b>2</b></div>
                <div class="unit older linkcur"><b>3</b></div>
                <div class="unit older linkcur"><b>4</b></div>
                <div class="unit older linkcur"><b>5</b></div>
                <div class="unit older linkcur"><b>6</b></div>
                <div class="unit older linkcur"><b>7</b></div>
                <div class="unit older linkcur"><b>8</b></div>
                <div class="unit older linkcur"><b>9</b></div>
            </div>
        </div>
    </div>

为侧栏创建单独的文件以进行存储和轻松编辑

1 个答案:

更新