在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中使用全局變量，有可能嗎？

回答

相關問題