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

让我试着解释我在这里的意思...... 我的网页上有很多图片，以及存储它们的不同路径。在HTML/CSS中使用全局变量，有可能吗？

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

或类似的东西？（我在做任何意义？`嘿嘿）

来源

2016-07-19 torbenrudgaard

HTML和CSS都没有任何变量的概念。您可以使用“模板”解决方案（服务器端模板或客户端模板）来执行此操作，如Handlebars。 ''document.write'也可能是客户端，但它不漂亮。 :-)请注意，客户端模板将依赖于JavaScript。 –

这可能有助于http://stackoverflow.com/questions/15831657/creating-css-global-variables-stylesheet-theme-management – Obsidian

谢谢@ T.J。 Crowder – torbenrudgaard

超文本标记语言，通常简称为HTML，是标准标记语言

这意味着，这里是HTML中没有瓦尔。但有很多像服务器端处理器php，node.js等可以给你你要找的结果。

PHP例子：

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

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

来源

2016-07-19 07:28:18

添加一个/到$ path01得到'some/path /' –

不，你不能这样做纯粹使用HTML和CSS。但是，您可以使用JavaScript或您选择的服务器语言来做类似的事情。

来源

2016-07-19 07:29:18 Thijs

很好的问题，<base>是你在找什么

你的情况指定页面

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

上的所有链接默认URL和默认的目标

<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，把手）来解决现实生活中的这类问题

来源

2016-07-19 07:43:59

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

回答

相关问题