Question

让我试着解释一下我的意思...... 我的页面上有很多图像，以及存储它们的不同路径。

<img src="what/ever/folder/pic01.jpg">
<img src="and/even/longer/path/name/pic09.jpg">
<img src="what/ever/folder/pic01.jpg">
<img src="and/even/longer/path/name/pic09.jpg">

等等......它们分散在长篇页面上

是否可以使用CSS或HTML或..来创建包含每个路径的变量，然后在HTML中使用它？

PATH01 = 'what/ever/folder/'
PATH02 = 'and/even/longer/path/name/'

然后做图像，样式等。

<img src={PATH01}"pic01.jpg">

或类似的东西？（我有意义吗？'呵呵）

Answer 1

超文本标记语言，通常缩写为HTML，是标准标记语言

这意味着html中没有vars。但是有许多html服务器端处理器，如php，node.js等，它们可以为您提供所需的结果。

PHP示例：

<?php
$path01 = 'some/path/';
?>

<img src="<?=$path01?>pic01.jpg">
<br/>
<img src="<?php echo $path01?>pic01.jpg">

Answer 2

不，你不能使用纯HTML或CSS来做到这一点。但是，您可以使用javascript或您选择的服务器语言执行此类操作。

Answer 3

好问题，<base>正是您所寻找的

为页面上的所有链接指定默认网址和默认目标

http://www.w3schools.com/tags/tag_base.asp

在你的情况下

<img src="what/ever/folder/pic01.jpg">

可以用

编写

<base href="http://whatever.com/what/ever/folder" />
<img src="pic01.jpg">

但<base>是单页中的唯一元素，这意味着您只能设置一个 ENV变量。

P.S。 99％的时间我们使用html模板系统（php，jsp或react.js，把手）来解决现实生活中的这类问题

在HTML / CSS中使用全局变量，是否可能？

3 个答案: