1

我已经在谷歌上搜索了很长时间，但找不到任何可以帮助我将所有部分放在一起的东西。我的规格如下：

  • 拥有三个文件：index.html、menu.html 和 style.css
  • menu.html 包含我的菜单所需的所有内容，并且通过 html5 对象包含在 index.html 中。我知道对象可以这样使用：Include html file in html using html5
  • style.css 可以非常非常小。例如，可能只是红色背景上的蓝色文本。

我设法完成的事情：

  • 从 menu.html 获取文本以显示在 index.html 中

我的问题是将所有部分放在一起。如果有人可以帮助提供 index.html 所需的行（即，正确引用样式的对象标记）和非常小的 style.css，我会准备好的。

感谢您的帮助，并对 n00b 问题感到抱歉，但我似乎找不到任何关于 html5 对象和 css 组合的内容。

index.html： http: //pastebin.com/xn2PNAsS

menu.html： http://pastebin.com/A72csf14

style.css： http: //pastebin.com/QXxwbpyq

什么坏了：

  • 我只是无法让对象（菜单）使用样式表并具有红色背景。对于主页，我希望有一个白色背景。

  • 单击菜单链接似乎会在新框架中打开页面。我想改变整个页面。拥有 menu.html 的原因是坚持 DRY 范式。

4

2 回答 2

2

你有没有尝试过这样的事情？

<object type="text/html" data="menu.html" id="whatever"></object>

在 style.css 中

body {
   background-color: #FFFFFF;
}
#whatever {
   background-color:#ff0000;
}

在 menu.html 中，在链接上使用 target="_top"，来自http://www.w3schools.com/tags/att_a_target.asp即，

<a href="index.html" target="_top">Home</a>
于 2013-07-11T03:13:04.140 回答
1

希望保持干燥的道具。但是，如果您想要包含这些常见的组件，并且想要干净利落地完成它，那么您可能需要的不仅仅是 HTML 和 CSS。您将需要一种可用于生成通用元素的编程语言（可能还有一个 Web 应用程序框架）。流行的选项是 C#/ASP.NET、Python/Djano、Ruby/Rails 和 PHP/Zend 或 Cake。

但是，我不能准确地告诉您您需要什么，因为我不知道您想要制作什么样的网站，或者它有多大的项目。 您可能只是能够摆脱服务器端包含，这可能是最简单的选择。

于 2013-07-11T02:45:57.547 回答