Base href: Тег | htmlbook.ru - Блог сумасшедшего сисадмина

HTML/Атрибут href (Элемент base)

Синтаксис

HTML

XHTML

<head>
  ...
  <base href="[значение]">
  ...
</head>

Описание

Атрибут / параметр href (от англ. «hypertext reference» ‒ «гипертекстовая ссылка») задаёт документу базовый URL-адрес, относительно которой будут интерпретироваться относительные ссылки. Таким образом, базовый URL будет выступать в качестве базовой (не указываемой) части URL адреса относительных ссылок.

Примечание

Использование относительных URL в качестве базового адреса может быть не правильно воспринято некоторыми версиями браузеров.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.	Раздел
HTML
2.0	Base Address: BASE	Перевод
3.2	BASE
4.01	12.4 Path information: the BASE element href = uri [CT]… DTD: `Transitional Strict Frameset`
5.0	4.2.3 The base element The href content…
5.1	4.2.3. The base element The href content…
XHTML
1.0	Extensible HyperText Markup Language DTD: `Transitional Strict Frameset`
1. 1	Extensible HyperText Markup Language

Значения

В качестве значения указывается URL-адрес.

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Параметр href (Элемент base)</title>
<base href=»http://programmerbook.ru/html/»>
</head>
<body>
<h2>Пример использования атрибута «href»</h2>
<p><a href=»a»>Элемент «a»</a></p>
<p><a href=»./acronym»>Элемент «acronym»</a></p>
<p><a href=»basefont»>Элемент «basefont»</a></p>
<p><a href=»../css»>Раздел CSS</a></p>

</body>
</html>

Параметр href (Элемент base)

вреден. / Хабр

Тэг <base>, с помощью которого браузеру задают базовый путь для разрешения относительных ссылок, вреден и не должен использоваться в хорошей верстке. Вместо него есть достаточно строгий и гибкий метод задания путей к ресурсам.
Вследствие распространившейся моды на ЧПУ веб-технологи стали чаще встречаться со следующей проблемой — файлы (например, CSS или изображения), на сервере расположенные буквально в соседней папке с шаблонами верстки, теперь не получается адресовать относительными путями. При автоматическом создании страниц на очень разветвленных сайтах нет практически никакой возможности автоматически изменять относительные пути к ресурсам в зависимости от адреса просматриваемой старницы, и обычные относительные пути перестают работать.

О чем это он?

Браузер, просматривающий адрес example.com/blog/record1, попытается разрешить ссылку ../css/blog.css в адрес example.com/blog/css/blog.css. Возможно, это еще не так плохо, но в ситуации, когда адрес будет каким-нибудь наподобие example.com/blog/tags/test, та же ссылка разрешится в example.

com/blog/tags/css/blog.css. Очевидно, хотя присутсвие одного и того же файла по нескольким URL-адресам можно реализовать, делать так явно не стоит. Даже если папка css лежит там же, где и шаблоны верстки, проблема относительной адресации никуда не денется.

Как в таких случаях обычно поступают

Веб-программисты и технологи по всему миру вспомнили в этой нелегкой ситуации о тэге <base>. Согласно спецификации:

Элемент BASE позволяет авторам явно указать базовый URI документа.
Если элемент BASE указан, он должен присутствовать в разделе HEAD документа HTML, до элементов, ссылающихся на внешние ресурсы. Информация о пути, указанная в элементе BASE, влияет только на URI в документе, в котором присутствует этот элемент.

Решение кажется гениально простым: указав в элементе base href="http://example. com/templates/&quot, мы заставим браузер разрешать все вышеуказанные относительные URL в ссылки на реально существующие, лежащие на том самом месте файлы. Избавившись от привычки путешествовать вверх по дереву каталогов в нашем относительном пути, мы избавимся от этих проблем окончательно.

Что не так?

Вот только вкратце список проблем, возникающих при употреблении <base> в таких целях:

Сайт перестает работать с остальных доменов — при попытке просмотра даже www.example.com браузер будет пытаться тянуть ресурсы с example.com (без www). Для CSS и картинок это пока не страшно, но со скриптами (особенно HTC для Internet Explorer), cookies, ActiveX, Flash (если из него подразумевается взаимодействие с сервером), а также в случае обращения по протоколу https у пользователя будут более или менее серьезные проблемы. Подумайте также о сложностях при переносе сайта на другой домен (или употреблении его движка для другого сайта).
<Base> также влияет на относительные адреса употребленные в ссылках, которые теперь тоже разрешаются согласно базовому пути. Даже если указать base href="example.com/", остается коллизия между доменами, указанная в первой проблеме.
Проблема психологического плана: базовый путь, задаваемый в проектах с большой разветвленностью, модульной структурой шаблонов или просто большим объемом кода, может сбить с толку «свежего» верстальщика, незнакомого с проектом, но имеющего задачей вставить пару картинок на страницу.

Самая удивительная проблема: всеми любимый браузер IE, при наличии в просматриваемом документе тэга <base> и элементов разметки с указанным CSS-свойством float (например <div>Тут текст!</div>), не позволит выделять мышью текст в таких элементах. Какая здесь может быть связь — непонятно, но факт.
Тот же IE при разрешении путей, используемых в CSS-фильтрах (например, AlphaImageLoader), игнорирует указание базового пути и пытается разрешать относительные ссылки, как будто никакого <base> не было. Вы не заметите этого, если указываете корень сайта в качестве базового пути, но при любой другой употребленной в этом качестве папке стандартное «лекарство» для PNG работать перестает.

Итак, имеем в итоге: в качестве базового пути лучше употреблять корень сервера, но это создаст некоторые проблемы в IE и серьезные проблемы для работы сайта с несколькими доменами. Решив проблему с относительными путями, мы создали себе еще несколько.
Мне кажется, что в связи с вышеуказанными сложностями от тэга <base> лучше отказаться вовсе. А для решения основной заявленной проблемы воспользоваться другими методами работы с относительными ссылками.

«Полуабсолютная» адресация

Дело в том, что если мы просто будем адресовать ресурсы от корня сервера, начиная путь с символа / («слэш»), то сможем обойтись без <base>, позволяя при этом сайту работать с любого домена и иметь еще некоторые преимущества. Такую адресацию, в противовес обычно применяемой отоносительной, я называю «полуабсолютной» (потому что протокол и домен не указываются, в отличие от настоящей абсолютной адресации).
То есть, файл CSS, указанный в проблемном примере, следует адресовать как /templates/css/blog.css

. Такая ссылка будет работать с любым доменом (а также протоколом и портом), так как браузер по умолчанию в качестве базового каталога будет использовать каталог вызываемого документа (то есть, например, example.com/blog/record1 — ведь для браузера этот путь выглядит как каталог, из которого он просматривает индексный документ). Относительные ссылки, начинающиеся со слэша, браузер будет предварять использующимся протоколом и всеми прочими частями URL, заканчивая текущим доменом (и портом, если он указан). Таким образом, проблема адресации ресурсов решается без лишних проблем с доменами.
При этом я призываю к дотошной последовательности: везде, включая конструкции url() и фильтры в CSS и гиперссылки между документами, должна использоваться такая нотация, коль скоро речь идет о работе в пределах одного домена.

Это позволит некоторую свободу в обращении с файлами (например, подселить файл CSS в папку images, или отселить в отдельную), сохраняя при этом строгий порядок и работоспособность кода. К несчастью, многие IDE, используемые в веб-разработке, не имеют соотвествующих настроек адресации ресурсов, слишком потакают относительной адресации (особенно с подъемами по дереву каталогов), и даже воспринимают существующие, но указанные «полуабсолютным» методом файлы, как несуществующие ресурсы. Не стоит зависеть от своих инструментов, лучше думать головой.
Однако, и при «полуабсолютной» адресации без проблем не обходится (а вы что думали). В моей практике проблема возникла с Flash — согласно ТЗ, она не просто крутила ролик, а обращалась время от времени к серверу

по каким-то

своим флэшным делам за одним файлом. Файл флэшка должна была подгружать из «текущего каталога», адресуя его как file.txt. Поскольку использовался движок с ЧПУ, оный каталог был у каждой страницы свой, а стало быть, флэшка не работала.
В тот раз я решил проблему, попросив Flash-технолога адресовать этот файл, как /flash/file.txt. Проблему на сервере это разрешило, однако испортило жизнь самому Flash-технологу (при работе в локальной файловой системе такая адресация разрешается в путь наподобие C:/flash/file.txt). Разумеется, есть решение лучше.

Указываем Flash её место

При внедрении Flash-ролика, которому требуется взаимодействовать со своим сервером по http (например, читать файлы через web), можно указать базовый каталог специально для каждого внедряемого ролика без использования <base>. Для этого в коде внедрения флэшки нужно указать параметр base со значением, равным адресу нужного каталога в «полуабсолютной» форме. То есть в моем случае код внедрения флэшки выглядел следующим образом:

<object …> <param name="base" value="/flash/"> … <embed base="/flash/" src="/flash/01. swf" …> …
отдельное спасибо авторам Хабрахабра за «удобные» средства публикации кода

Фактически, я всё так же задал базовый каталог, однако я сделал это только для одного Flash-ролика, без указания протокола и доменного имени (они будут подставлены точно так же, как при разрешении «полуабсолютных» ссылок). Для следующего ролика можно указать другой каталог, или, если вас устраивает работа с корневым каталогом веб-пространства сервера, можно указать просто «/». Flash-технолог теперь всегда может быть уверен в положении флэшки в пространстве веб-сервера и указывать пути к ресурсам удобным ему образом (необязательно как «полуабсолютные»).

P.S.

Если еще кому не очень понятно, призываю к использованию такого метода я исключительно в рамках моего авторитета и на основании моей собственной практики. Именно поэтому я опубликовал топик в личном блоге, а не в соответствующих коллективных.

Если вы не доверяете мне, или по какой-то причине у вас есть своё собственное мнение по этому поводу — предлагаю не разводить лишних дискуссий, а мнение выразить в вашем личном блоге. Здесь же записано лишь моё собственное IMHO, почему <base> вреден, и что делать в его отсутствие.

Тег HTML »

В тегах HTML

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше

Элемент: Якоря HTML: вот как создавать ссылки для быстрой навигации
Что делает HTML-тег ?: Элемент используется для определения базового URL-адреса, на основе которого создаются все относительные URL-адреса, отображаемые на веб-странице. Кроме того, если элемент имеет целевой атрибут, целевой атрибут будет использоваться в качестве атрибута по умолчанию для всех гиперссылок, появляющихся в документе.
Дисплей: нет
Пустой элемент: Этот элемент не должен содержать никакого содержимого и не нуждается в закрывающем теге.

Содержание

1 Пример кода
2 Относительные ссылки
3 Целевое значение по умолчанию
4 Размещение и ограничения

5 Броузер . . .

Относительные ссылки

При создании якорной ссылки атрибут href может указывать абсолютный URL-адрес, например http://example.com , или относительный URL-адрес, например / , /page-name , или имя страницы .

С относительными URL-адресами косая черта ( / ) указывает корневой URL-адрес текущей страницы, поэтому href="/page-name" будет ссылаться на страницу по адресу currentdomain /page-name . Не указывая косую черту на подстраницу текущего URL, так что href="имя-страницы" будет ссылаться на current_url /имя-страницы .

Используя элемент , вы можете изменить базовый URL-адрес, который используют относительные ссылки на странице. Вместо текущего фактического URL-адреса текущей страницы все относительные ссылки будут основываться на URL-адресе, указанном в атрибуте href элемента .

Для получения дополнительной информации о том, как работают относительные ссылки, см. нашу документацию по URL-адресам якорных ссылок.

Значение по умолчанию

цель

Помимо указания базового URL-адреса для относительных ссылок, элемент позволяет указать значение цель по умолчанию для всех ссылок на странице. Итак, если вы установите target="_blank" в элементе , все ссылки на странице (относительные и абсолютные) будут открываться в новом окне, если не указано иное.

Размещение и ограничения

<база> 9Элемент 0015 должен быть помещен в документа, и в документе должен быть только один элемент . Элемент не должен иметь никакого содержимого и не требует закрывающего тега.

Адам Вуд

Адам — технический писатель, специализирующийся на документации и руководствах для разработчиков.

`Поддержка браузера для базы`


All	All	All	All	All	All

`Attributes of base`

Attribute name	Values	Notes
href		Указывает базовый URL-адрес, который будет использоваться для всех относительных ссылок в текущем документе.
цель		Указывает целевое значение по умолчанию для всех ссылок привязки в текущем документе.

Search HTML.com

 Search for: Наиболее популярные
  Тег HTML
 Использование тега HTML для создания встроенных фреймов: вот как
 HTML-тег</li><li><meta> HTML-тег</li></ul><h2><span class="ez-toc-section" id="HTML-0032"> HTML-тег0032 </span></h2><p> HTML Basics</p><p> HTML Attributes</p><p> HTML Graphics</p><p> HTML APIs</p><p> HTML DOM</p><p> HTML Audio/Video</p><p> HTML 5</p><p> HTML 5 MathML</p><p> HTML Course</p><p> HTML Questions</p></ul><p> Improve Article</p><p> Сохранить статью</p><ul><li> Последнее обновление:
20 июл, 2022</li></ul><p><li> Читать</li><li> Обсудить</li></p><p> Улучшить статью</p><p> Сохранить статью</p><p> Базовый тег HTML используется для указания базового URI или URL для относительных ссылок.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/3.bp.blogspot.com/-30uakGQS-Ro/Wi85eOzYZAI/AAAAAAAADaY/vc7GM2C3AIIZ069SIuHH2eFWBTcUeDykwCLcBGAs/s1600/script.jpg' /><noscript><img loading='lazy' src='/800/600/http/3.bp.blogspot.com/-30uakGQS-Ro/Wi85eOzYZAI/AAAAAAAADaY/vc7GM2C3AIIZ069SIuHH2eFWBTcUeDykwCLcBGAs/s1600/script.jpg' /></noscript> Этот URL-адрес будет базовым URL-адресом для каждой ссылки на странице и будет иметь префикс перед каждой из них. Например, если URL-адрес, указанный в базовом теге, — «www.xyz.com», то все остальные URL-адреса на странице будут иметь префикс «www.xyz.com/».</p><p> <strong> Важные моменты </strong> :</p><ul><li> Базовый тег должен быть определен между тегами заголовка.</li><li> На странице может быть не более 1 базового тега. <br/>  </li></ul><p> <strong> Синтаксис: </strong></p><pre> <base href = "SAMPLE_URL"> </pre><p> <strong> Пример: </strong> Обратите внимание, что мы указали только относительный адрес для изображения. Поскольку мы указали базовый URL-адрес в разделе заголовка, браузер будет искать изображение по адресу «https://media.geeksforgeeks.org/wp-content/uploads/1-9».5.jpg”. То есть в приведенной ниже программе мы указали базовый URL-адрес «https://media.geeksforgeeks.org/wp-content/uploads/» для всех ссылок и когда мы ссылаемся на изображение по URL-адресу «1-95.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.ytimg.com/vi/yzpI7DKtetY/sddefault.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.ytimg.com/vi/yzpI7DKtetY/sddefault.jpg' /></noscript> jpg». », то браузер фактически отображает изображение с «https://media.geeksforgeeks.org/wp-content/uploads/1-95.jpg».</p><h3><span class="ez-toc-section" id="HTML"> HTML </span></h3><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><p data-readability-styled="true"> <code> <!DOCTYPE html> </code></p><p data-readability-styled="true"> <code> < </code> <code> html </code> <code> > </code></p><p data-readability-styled="true"> <code>    </code> <code> < </code> <code> head </code> <code> > </code></p><p data-readability-styled="true"> <code>      </code></p><p data-readability-styled="true"> <code>      </code> <code> < </code> <code> base </code></p><p data-readability-styled="true"> <code>        </code> <code> target </code> <code> = </code> <code> "_blank" </code></p><p data-readability-styled="true"> <code>      </code> <code> /> </code></p><p data-readability-styled="true"> <code>    </code> <code> </ </code> <code> головка </code> <code> > </code></p><p>  </p><p data-readability-styled="true"> <code>    </code> <code> < </code> <code> корпус </code> <code> > </code> <i data-gfg-action="article-slider"/>30015 <code> < </code> <code> img </code> <code> src </code> <code> = </code> <code> "1-95.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/4/5418/slide_11.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/4/5418/slide_11.jpg' /></noscript><div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div></div><div class="post-sharrre group"><div id="twitter" data-url="https://ylianova.ru/raznoe-2/base-href-teg-htmlbook-ru.html" data-text="Base href: Тег  | htmlbook.ru" data-title="Tweet"></div><div id="facebook" data-url="https://ylianova.ru/raznoe-2/base-href-teg-htmlbook-ru.html" data-text="Base href: Тег  | htmlbook.ru" data-title="Like"></div><div id="googleplus" data-url="https://ylianova.ru/raznoe-2/base-href-teg-htmlbook-ru.html" data-text="Base href: Тег  | htmlbook.ru" data-title="+1"></div><div id="pinterest" data-url="https://ylianova.ru/raznoe-2/base-href-teg-htmlbook-ru.html" data-text="Base href: Тег  | htmlbook.ru" data-title="Pin It"></div></div></div></article><ul class="post-nav group"><li class="next"><a href="https://ylianova.ru/html/kak-obedinit-yachejki-v-html-obedinenie-yacheek-htmlbook-ru.html" rel="next"><i class="fa fa-chevron-right"></i><strong>Вперед</strong> <span>Как объединить ячейки в html: Объединение ячеек | htmlbook.ru</span></a></li><li class="previous"><a href="https://ylianova.ru/raznoe-2/chto-takoe-yurl-adres-chto-takoe-url-adres-izuchenie-veb-razrabotki.html" rel="prev"><i class="fa fa-chevron-left"></i><strong>Назад</strong> <span>Что такое юрл адрес: Что такое URL-адрес? — Изучение веб-разработки</span></a></li></ul><section id="comments" class="themeform"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/base-href-teg-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://ylianova.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='26042' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></section></div></section><div class="sidebar s1"> <a class="sidebar-toggle" title="Развернуть боковую панель"><i class="fa icon-sidebar-toggle"></i></a><div class="sidebar-content"><div id="search-2" class="widget widget_search"><form method="get" class="searchform themeform" action="https://ylianova.ru/"><div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='Введите поисковую фразу';" onfocus="if(this.value=='Введите поисковую фразу')this.value='';" value="Введите поисковую фразу" /></div></form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h3>Рубрики</h3><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-5370" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5370"><a href="https://ylianova.ru/category/css">Css</a></li><li id="menu-item-5371" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5371"><a href="https://ylianova.ru/category/html">Html</a></li><li id="menu-item-5372" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5372"><a href="https://ylianova.ru/category/http">Http</a></li><li id="menu-item-5373" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5373"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li id="menu-item-5374" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5374"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li id="menu-item-5375" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5375"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li id="menu-item-5376" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5376"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li id="menu-item-5377" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5377"><a href="https://ylianova.ru/category/maket">Макет</a></li><li id="menu-item-5378" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5378"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li id="menu-item-5379" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5379"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li></ul></div></div><div id="categories-3" class="widget widget_categories"><h3>Рубрики</h3><ul><li class="cat-item cat-item-5"><a href="https://ylianova.ru/category/css">Css</a></li><li class="cat-item cat-item-4"><a href="https://ylianova.ru/category/html">Html</a></li><li class="cat-item cat-item-9"><a href="https://ylianova.ru/category/http">Http</a></li><li class="cat-item cat-item-10"><a href="https://ylianova.ru/category/javascript">Javascript</a></li><li class="cat-item cat-item-20"><a href="https://ylianova.ru/category/linux">Linux</a></li><li class="cat-item cat-item-11"><a href="https://ylianova.ru/category/photoshop">Photoshop</a></li><li class="cat-item cat-item-19"><a href="https://ylianova.ru/category/adaptiv">Адаптив</a></li><li class="cat-item cat-item-17"><a href="https://ylianova.ru/category/verstka">Верстка</a></li><li class="cat-item cat-item-3"><a href="https://ylianova.ru/category/raznoe">Вопросы и ответы</a></li><li class="cat-item cat-item-16"><a href="https://ylianova.ru/category/maket">Макет</a></li><li class="cat-item cat-item-6"><a href="https://ylianova.ru/category/sajt">Развитие сайтов</a></li><li class="cat-item cat-item-13"><a href="https://ylianova.ru/category/raznoe-2">Разное</a></li><li class="cat-item cat-item-12"><a href="https://ylianova.ru/category/sajt-2">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://ylianova.ru/category/sovety">Советы</a></li><li class="cat-item cat-item-15"><a href="https://ylianova.ru/category/shablon-2">Шаблон</a></li><li class="cat-item cat-item-7"><a href="https://ylianova.ru/category/shablon">Шаблоны</a></li><li class="cat-item cat-item-14"><a href="https://ylianova.ru/category/shrift-2">Шрифт</a></li><li class="cat-item cat-item-8"><a href="https://ylianova.ru/category/shrift">Шрифты</a></li></ul></div></div></div></div></div><footer id="footer"><section id="footer-bottom"><div class="container"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a><div class="pad group"><div class="grid one-half"><div id="copyright"><p>Блог сумасшедшего сисадмина © 2025. Все права защищены.</p></div><div id="credit"><p><a href="/sitemap.xml" class="c_sitemap">Карта сайта</a></p></div></div><div class="grid one-half last"></div></div></div></section></footer></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://ylianova.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!--[if lt IE 9]> <script src="https://ylianova.ru/wp-content/themes/anew/js/ie/respond.js"></script> <![endif]--> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --> <script defer src="https://ylianova.ru/wp-content/cache/autoptimize/js/autoptimize_4e8eace01635b257dec0fe378eaf042e.js"></script></body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="8fd58581c2e9cdaee8814058-|49" defer></script>