显示带有自定义 css 标签的 html 文件？

arel3 发表于 Dev

雷尔3

我有一个非常大的树形菜单，它总是一样的。是否可以创建自定义 css 属性（我不知道技术术语），以便我可以在 html 文件中创建菜单，并且只在每个页面的源代码中键入几个字符以使其出现？像这样的东西：

// index.html

<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>

<div class="navigation_div">
<css_nav_thing><!-- Nav menu appears here --></css_nav_thing>
</div>

<div class="content_div">content stuff here</div>
</body>
</html>

// menu.html

<html>
<head>
<link type="text/css" src="nav_menu_style.css" />
<script src="nav.js"></script>
</head>
<body>
<div class="nav">
<li>'s and <ul>'s that create the links for a navigation menu </li>'s and </ul>'s
</div>
</body>
</html>

// page_style.css

body {
   body stuff
}

css_nav_thing {
   src: (url="menu.html")
   position: stuff;
   margin: stuff'
   
}

.content_div {
   position: stuff;
   margin: stuff;
   andstuf: stuff;
}

// nav_menu_style.css

body {
   stuff: stuff;
]

a {
   color: #374;
   andstuff: stuff;
}

// content_page.html

<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>

<div class="navigation_div">

<css_nav_thing>
<!-- Nav menu appears here -->
</css_nav_thing>

</div>

<div class="content_div">content stuff here</div>
</body>
</html>

// some_other_content_page.html

<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>

<div class="navigation_div">

<css_nav_thing>
<!-- Nav menu appears here -->
</css_nav_thing>

</div>

<div class="content_div">content stuff here</div>
</body>
</html>

或者我们可以用<link src="menu.html" />标签来做到这一点？？？与将所有菜单的 li 和 ul 复制/粘贴到每个页面相比，这是否可以使将相同的菜单添加到一堆页面更容易？我正在建立的网站将有数百页。如果可能的话，如果我能让它更容易和更快地完成，万岁！

如果有可能......我会怎么做？

水晶

我会命名你的菜单 menu.php 然后你可以在下面做。这对我来说总是有效的，你总是可以在任何单独的幻灯片或画廊或任何你想在特定页面中插入的东西上执行此操作。

<html>
<head>
<title>Example of what I mean></title>
<link type="text/css" src="page_style.css" />
</head>

<div class="navigation_div">

<--THIS IS WHERE YOUR MENU GO-->
          <?php include 'menu.php';?>
</div>

<div class="content_div">content stuff here</div>
</body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。