Использование глобальных переменных в 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

HyperText Markup Language, сокращенно HTML, язык стандарта разметки

Это означает, что здесь нет варов в 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

добавить a/в $ path01, чтобы получить 'some/path /' –

Нет вы не можете сделать это с помощью чисто HTML или CSS. Однако вы можете сделать что-то подобное, используя javascript или язык сервера по вашему выбору.

источник

2016-07-19 07:29:18 Thijs

хороший вопрос, <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 набор переменных.

p.s. 99% времени мы используем html-систему шаблонов (php, jsp или react.js, handlebars) для решения этой проблемы в реальной жизни.

источник

2016-07-19 07:43:59

Использование глобальных переменных в HTML/CSS, возможно ли это?

ответ

Смежные вопросы