gpt4 book ai didi

html - 如何从单个位置调用 DIV 内的 HTML?

转载 作者:太空宇宙 更新时间:2023-11-03 20:18:35 26 4
gpt4 key购买 nike

首先,我对 HTML/CSS/Javascript 还很陌生。

我创建了一个具有顶部菜单的网站。菜单中的一项是远足径。

格式为:

远足径位置---路径名称

我计划有很多不同的路径位置并且不希望我的 HTML 变得困惑,所以我希望将我的这部分代码放在一个我可以编辑的位置并显示更改每一页。

代码如下: http://pastebin.com/wKdx0Sbn

<div class="header">
<table id="topmenu" class="header">
<tr>
<td class="submen">

<div style="width: 100%; display: inline;">
<ul id="nav">
<li class="top"><a href="../../" class="top_link"><span class="down">Home</span></a></li>
<li class="top"><a href="../" class="top_link"><span class="down">Hiking Trails</span></a>
<ul class="sub">
<li><a href="../" class="alltrails"> All Trails </a></li>
<li><a href="./" class="cmsp"> State Park 1 </a>
<ul>
<li><a href="./index.html#backside"> Trail </a></li>
<li><a href="./index.html#campingg"> Trail </a></li>
<li><a href="./index.html#campingf"> Trail </a></li>
<li><a href="./index.html#crowders"> Trail </a></li>
<li><a href="./index.html#fern"> Trail </a></li>
<li><a href="./index.html#lake"> Trail </a></li>
<li><a href="./index.html#pinnacle"> Trail </a></li>
<li><a href="./index.html#ridgeline"> Trail </a></li>
<li><a href="./index.html#rocktop"> Trail </a></li>
<li><a href="./index.html#tower"> Trail </a></li>
<li><a href="./index.html#turnback"> Trail </a></li>
</ul>
</li>
<li><a href="../ascg/" class="ascg"> State Park 2 </a></li>
<li><a href="../mnp/" class="mnp"> State Park 3 </a></li>
</ul>
</li>
<li class="top"><a href="../../contact/" class="top_link"><span class="down">Contact</span></a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>

感谢您的帮助!与此同时,我会继续寻找。

最佳答案

实现此目的的最佳方法是使用 PHP 并使用 include您可以将所需的数据部分保存在一个扩展名为 filename.php 的文件中然后在您希望该文件显示的所有页面上,您可以通过执行此操作来包含它 <?php include('filepath/filename.php'); ?>并且您显示此内容的所有页面都必须有一个 .php也有扩展名,所以像这样

index.php

<?php include('../includes/header.php'); ?>
<body>
<div class="body-container">

</div>
</body>
</html>

header.php 里面的文件夹“includes”

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF=8">
// Rest of your head content
</head>
<header class="page-header">
<div class="logo"></div>
<nav class="main-nav">

</nav>
</header>

如你所知,php 必须在服务器上才能运行。

关于html - 如何从单个位置调用 DIV 内的 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15714842/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com