在html中有abc三个网站footer内容相同怎么设置代码简单示例说明
在HTML中,可以使用 <footer> 元素来设置网站的页脚内容。如果需要在a、b、c三个网站中设置相同的页脚内容,可以将相同的代码放置在一个公共的HTML文件中,然后在每个网站的HTML文件中引用这个公共的页脚文件。
以下是一个简单的示例:
公共页脚文件(footer.html)的代码:
<footer>
<p>© 2021 My Website. All rights reserved.</p>
</footer>
网站a的HTML文件的代码:
<!DOCTYPE html>
<html>
<head>
<title>Website A</title>
</head>
<body>
<!-- 网站a的内容 -->
<!-- 引用公共页脚文件 -->
<footer>
<iframe src="footer.html" frameborder="0" width="100%" height="100"></iframe>
</footer>
</body>
</html>
网站b的HTML文件的代码:
<!DOCTYPE html>
<html>
<head>
<title>Website B</title>
</head>
<body>
<!-- 网站b的内容 -->
<!-- 引用公共页脚文件 -->
<footer>
<iframe src="footer.html" frameborder="0" width="100%" height="100"></iframe>
</footer>
</body>
</html>
网站c的HTML文件的代码:
<!DOCTYPE html>
<html>
<head>
<title>Website C</title>
</head>
<body>
<!-- 网站c的内容 -->
<!-- 引用公共页脚文件 -->
<footer>
<iframe src="footer.html" frameborder="0" width="100%" height="100"></iframe>
</footer>
</body>
</html>
在上述示例中,通过使用 <iframe> 元素来引用公共页脚文件(footer.html),这样可以在每个网站的页脚中显示相同的内容
原文地址: http://www.cveoy.top/t/topic/i0v9 著作权归作者所有。请勿转载和采集!