2016-07-19 4 views
0

私がここで何を意味するか説明しようとしましょう.... 私は自分のページにたくさんの画像を持っています。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"> 

などが...彼らはすべての長いページ

に散在している、それはそれぞれのパスを含む変数を作成し、その後、HTMLでそれを使用するためにCSSやHTMLまたは..で可能でしょうか?その後、

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

とは、画像、スタイルなど。そのような

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

それとも何かをしますか? (私は何の意味を作るのですか? `笑)

+4

HTMLとCSSのどちらにも変数の概念はありません。これを行うには、Handlebarsのような "テンプレート化"ソリューション(サーバーサイドのテンプレートまたはクライアントサイドのテンプレートのいずれか)が必要です。 'document.write'でクライアント側でも可能ですが、それほど美味しくありません。 :-)クライアント側のテンプレートはJavaScriptに依存していることに注意してください。 –

+0

これは、http://stackoverflow.com/questions/15831657/creating-css-global-variables-stylesheet-theme-management – Obsidian

+0

Thanks @ T.Jに役立つかもしれません。 Crowder – torbenrudgaard

答えて

2

ハイパーテキストマークアップ言語を、一般的にHTMLと略す、 標準マークアップ言語

ですこれはここにはVARSはHTMLでないことを意味します。しかし、phpnode.jsなど、探している結果を得ることができるHTMLサーバ側プロセッサがたくさんあります。

PHPの例:

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

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

a/to $ path01を追加して 'some/path /'を取得する –

0

んが、あなたが純粋にHTMLやCSSを使用していることを行うことはできません。しかし、あなたはjavascriptやあなたが選んだサーバー言語を使って何かをすることができます。

0

良い質問は、<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.実際のこの種の問題を解決するためにhtmlテンプレートシステム(php、jspまたはreact.js、ハンドルバー)を使用する時間は99%です

関連する問題