Question

我有这个CSS作为标题：

.panelSuperior{
    position: relative;
    top: 0;
    left: 0;

    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
}

.logo{
    position: absolute;
    top: 25px;
    left: 35%;

    width: 350px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

这是我的html：

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>index.html</title>
<link rel="stylesheet" href="index.css">

</head>

<body>
    <div class="panelSuperior">
        <img alt="fondoPrincipal" src="fondoPrincipal.jpg" class="panelSuperior"/>
    </div>

    <div class="logo">
        <img alt="logoFlorida" src="logoFlorida.png" class="logo"/>
    </div>
    <br>
</body>
</html>

我想对我所有的html页面使用该标头。我试着做一些在线研究，但是所有答案都是用php，而我必须用html来做。有什么办法吗？

Answer 1

甚至在服务器端语言还没有出现之前就已经存在。

选项1

在所有HTML页面上复制/粘贴标题

选项2

使用Java脚本“包含”该div。下面是使用jQuery的示例，但您可以使用Vanilla Javascript轻松实现

$（'body'）。prepend（'您的标头代码'）;

选项3

为标题使用iFrame

如何为所有HTML页面使用CSS中的通用标头？

1 个答案: