Html 将css中DIV的内容存储在另一个文件中
我希望在index.html文件的左侧有一个“最近的活动”流。我有以下代码：Html 将css中DIV的内容存储在另一个文件中,html,css,import,Html,Css,Import,我希望在index.html文件的左侧有一个“最近的活动”流。我有以下代码： <div id="sidebar"> <div class="box1"> <div class="title"> <h2>Recent</h2> </div> <ul class="style2">
<div id="sidebar">
<div class="box1">
<div class="title">
<h2>Recent</h2>
</div>
<ul class="style2">
<li>27 Aug - Conference Meeting</li>
<li>26 Aug - Website Created</li>
</ul>
</div>
</div>
最近的
- 8月27日-会议
- 8月26日-网站创建
提前感谢您的帮助。要做到这一点，您可以像这样使用CSS：
.box1{content: url(http://www.example.com/test.html)}
话虽如此，我强烈建议不要这样做。这不是CSS的本意。最好使用一些include，比如服务器端或PHP。如果您不知道编码，您可以始终使用CMS之类的工具，这将使此类任务变得轻而易举您可以使用Javascript（或一些相同的库）读取包含活动的文件（或者，如果使用Javascript表示，可以直接导入该文件）然后使用javascript将活动插入DOM的适当部分。解决方案不是从现有文件中剥离html，而是使用服务器端脚本语言（如php）从不同来源构建html文件 使用php，您将只有一个页面（例如index.php），并包含用户请求的内容（如主页、联系人、留言簿等） 正确的方法是使用数据库来存储信息，但这对于开始web开发来说太难了 将侧边栏的html保存到单独的html文件（sidebar.html）。将index.html重命名为index.php。 转到index.php中侧栏的html代码所在的位置，将其删除，只需插入以下内容：
<?php include "sidebar.html"; ?>
这个主题对于php来说是非常基础的，所以你可以在网上找到很多关于php入门的教程。祝你好运，玩得开心 简单地说，您可以使用标记或使用，但它不会提供JavaScript或PHP所能提供的可能性。
使用JavaScript，您可以查看。感谢大家的帮助和帮助。这是一次学习经历。对于任何有同样问题的人，这里是我找到的解决方案，使用了友好地回答我问题的成员的一些帮助 这是我的css：
<div id="sidebar">
<div class="box1">
<div class="title">
<h2>Recent</h2>
</div>
<script type="text/javascript" src="js/recent.js"> </script>
</div>
<div class="box2">
<div class="title">
<h2>Relevant Links</h2>
</div>
<script type="text/javascript" src="js/links.js"> </script>
</div>
</div>
最近的
相关链接
// recent.js - Create recent activity feed
document.write("<ul class=\"style2\">");
document.write("<li>29 Aug - <a href=\"photos.html\">10 Photos Added</a></li>");
document.write("<li>28 Aug - <a href=\"meeting.html\">Meeting Page Added</a></li>");
document.write("<li>27 Aug - Meeting</li>");
document.write("<li>26 Aug - Website Created</li>");
document.write("</ul>");
// links.js - Create list of links
document.write("<ul class=\"style2\">");
document.write("<li><a href=\"http://students.sae.org/cds/formulaseries/\">Formula SAE®</a></li>");
document.write("<li><a href=\"http://www.sae.org/\">SAE International</a></li>");
document.write("</ul>");
//recent.js-创建最近的活动提要
编写（“”；
文件。填写（“- 8月29日-
”；
文件。填写（“- 8月28日-
”；
文件。填写（“- 8月27日-会议”
”；
文件。填写（“- 8月26日-网站创建”
”；
文件。写（“
”）；
//links.js-创建链接列表
编写（“”；
文件。写（“”）；
文件。写（“”）；
文件。写（“
”）；
这也许不是最漂亮的方法，但似乎很管用。iframe的问题是，如果我单击一个链接，它会在iframe中打开它。再次感谢大家！我对javascript、css一无所知，这是一次学习经历！：） 我的大学服务器没有安装PHP:/嗯，那么你就有了CSS的答案。然而，你的大学服务器可以很容易地安装PHP，这是一个Snapshot，它在任何带有html文件的浏览器中都能工作吗？我刚刚试过Chrome（解释为图像）、Firefox（忽略）和Safari（解释为图像）。无论如何，正如你所指出的：这是一个糟糕的想法。首先，该内容在DOM中不可用，并且屏幕阅读器（不会宣布生成的内容）无法访问。请记住，此解决方案要求
.box1：before：afterfoo:：after