在 HTML/CSS 中使用全局变量，有可能吗？答案

【问题标题】：Using global variables in HTML/CSS, is it possible?在 HTML/CSS 中使用全局变量，有可能吗？
【发布时间】：2016-07-19 07:23:37
【问题描述】：

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

<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">

或者类似的东西？（我说得有道理吗？`呵呵）

【问题讨论】：

HTML 和 CSS 都没有变量的概念。您可以使用像 Handlebars 这样的“模板”解决方案（服务器端模板或客户端模板）来做到这一点。 document.write 也可能是客户端，但它并不漂亮。 :-) 请注意，客户端模板将依赖于 JavaScript。
这可能有助于stackoverflow.com/questions/15831657/…
谢谢@T.J.克劳德

标签： javascript html css

【解决方案1】：

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

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

PHP 示例：

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

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

【讨论】：

将 / 添加到 $path01 以获取 'some/path/'

【解决方案2】：

问得好，<base> 就是你要找的东西

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

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 变量集。

附言99% 的时间我们使用 html 模板系统（php、jsp 或 react.js、handlebars）来解决现实生活中的这类问题

【讨论】：

【解决方案3】：

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

【讨论】：