Тег BASE
| Браузер |  Internet Explorer |  Netтscape |  Опера |  Safari |  Mozilla Firefox | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
| ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Описание
Второе применение тега — задание целевого окна для всех ссылок на текущей странице.
Синтаксис
Параметры
Закрывающий тег
Пример 1. Использование тега
ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Описание параметров тега
Параметр HREF
Описание
Адрес, который должен использоваться для указания полного пути к файлам. Обычно это типичный путь к текущему файлу, но он может быть задан и другим, если это необходимо для организации файлов на сайте.
Синтаксис
Аргументы
Полный абсолютный путь к файлу.
Значение по умолчанию
Путь к текущему файлу.
Пример 2. Путь к файлу
ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
В данном примере полный путь к изображению будет https://www-html.ru/copyright/copyleft.gif.
Параметр TARGET
Описание
Синтаксис
Аргументы
В качестве аргумента используется имя окна или фрейма. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
Значение по умолчанию
Пример 3. Открытие ссылки в новом окне
ШТМЛ 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Обратите внимание, что в данном примере используется переходный >. При использовании строгого пример не пройдет валидацию.
Совет: меняем поведение относительных URL с помощью тега base
Основы
Пример 1: ярлык для зарузки ресурсов
Скажем, ваш сайт хранит изображения и CSS в директории под названием “assets”. Вы можете задать тег следующим образом:
Это позволит вам загружать изображения и CSS следующим образом:
Пример 2: внутренние ссылки со страницы
Вы можете указать базовый URL следующим образом:
Таким образом, всякий раз, когда вам нужно было бы сослаться с одной внутренней страницы на другую, вы могли бы использовать:
Пример 3: цель ссылки по-умолчанию
С помощью также можно указать цель по-умолчанию для всех ссылок на странице. Если вы укажете:
Эта возможность вероятно будет полезна для содержимого, загружаемого из iframe, таким образом, что у вас будет возможность открывать все ссылки на странице в соответствующем iframe.
Недостатки
Если вы использовали базовый URL, чтобы упростить подключение ресурсов, а после решили использовать его для ссылок на внутренние страницы, у вас возникнут проблемы (например, с такой ссылкой: Страница ).
Якоря
При использовании вы можете столкнуться с проблемой ссылок на внутристраничные якоря.
Где уместен тег
Тег лучше всего использовать в случае, когда у вас есть полный контроль над всеми используемыми URL, то есть, если вы знаете, что у вас будет возможность переопределить умолчания так, как вам это нужно. Если вы разрабатываете шаблон для CMS, где есть много неизвестных переменных, то, вероятно, тегом лучше не пользоваться.
If you have a good idea what your project’s content will be, and its use of URLs and links is fully under your control, you might find the tag saves you a lot of time.
Если вы точно знаете, каким будет содержимое вашего проекта, и все ссылки и URL под вашим полным контролем, то тег может сэкономить вам время.
Совет: меняем поведение относительных URL с помощью тега base
Основы
Пример 1: ярлык для зарузки ресурсов
Скажем, ваш сайт хранит изображения и CSS в директории под названием “assets”. Вы можете задать тег следующим образом:
Это позволит вам загружать изображения и CSS следующим образом:
Пример 2: внутренние ссылки со страницы
Что, если у вас есть домен верхнего уровня, с которого производится переадресация на http://thisrocks.com/app/, а все внутренние ссылки должны содержать сегмент app/?
Вы можете указать базовый URL следующим образом:
Таким образом, всякий раз, когда вам нужно было бы сослаться с одной внутренней страницы на другую, вы могли бы использовать:
Пример 3: цель ссылки по-умолчанию
С помощью также можно указать цель по-умолчанию для всех ссылок на странице. Если вы укажете:
Эта возможность вероятно будет полезна для содержимого, загружаемого из iframe, таким образом, что у вас будет возможность открывать все ссылки на странице в соответствующем iframe.
Недостатки
Если вы использовали базовый URL, чтобы упростить подключение ресурсов, а после решили использовать его для ссылок на внутренние страницы, у вас возникнут проблемы (например, с такой ссылкой: Страница ).
Это из-за того, что базовый URL теперь http://www.myepicsite.com/assets/, и ваши пользователи будут направлены на адрес http://www.myepicsite.com/assets/page.html.
В таком случае вам нужно будет переопределить базовый URL для этой ссылки, указав полный URL на страницу, то есть Страница
Якоря
При использовании вы можете столкнуться с проблемой ссылок на внутристраничные якоря.
Но если вы используете тег с заданным атрибутом href, то вы будете перенаправлены на базовый URL с добавленным к адресу сегментом #top, то есть http://thisrocks.com/app/#top.
Где уместен тег
Тег лучше всего использовать в случае, когда у вас есть полный контроль над всеми используемыми URL, то есть, если вы знаете, что у вас будет возможность переопределить умолчания так, как вам это нужно. Если вы разрабатываете шаблон для CMS, где есть много неизвестных переменных, то, вероятно, тегом лучше не пользоваться.
Но если вы разрабатываете статичный HTML сайт, то тег может быть очень полезен. И это еще более справедливо, если вы используете шаблонзатор вроде Jade или Handlebars, который позволит вам использовать вставки вроде Наверх, так что если вам потребуется переопределить умолчания, то это будет несложно.
Если вы точно знаете, каким будет содержимое вашего проекта, и все ссылки и URL под вашим полным контролем, то тег может сэкономить вам время.
Узнать больше о теге можно в вики W3C и в спецификации HTML5:
5 последних уроков рубрики «HTML и DHTML»
Лайфхак: наиполезнейшая функция var_export()
При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.
17 бесплатных шаблонов админок
Парочка бесплатных шаблонов панелей администрирования.
30 сайтов для скачки бесплатных шаблонов почтовых писем
Создание шаблона для письма не такое уж простое дело. Предлагаем вам подборку из 30 сайтов, где можно бесплатно скачать подобные шаблоны на любой вкус.
Как осуществить задержку при нажатии клавиши с помощью jQuery?
К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.
15 новых сайтов для скачивания бесплатных фото
Подборка из 15 новых сайтов, где можно скачать бесплатные фотографии для заполнения своих сайтов.
Base href что значит
Задание базового URL для относительных URL в документе (например, в атрибутах HREF элемента A). Этот элемент часто используется для отображения документов.
Например, у нас задан:
и элемент IMG:
Это приведет к формированию следующего адреса изображения
http://foo.com/images/bar.gif
Типичное отображение
Никакое. Элемент BASE непосредственно не отображается в документе.
Основной синтаксис
Возможные атрибуты
| имя атрибута | возможные значения | смысл | примечания |
|---|---|---|---|
| HREF | URL | базовый URL | обязателен |
Допустимый контекст
Элемент заголовка (HEAD), в котором может быть только один элемент BASE.
Содержимое
Пример
Примечания
Так как в документе допускается только один элемент BASE, Вы не можете иметь различные базовые URL в различных частях файла HTML.
При отсутствии элемента BASE в документе URL самого документа становится базовым в пределах документа. (Это не является необходимым, так как базовый URL может быть перекрыт HTTP заголовком соответствующего документа.)
Не забывайте слэш «/». Все, что следует за последним слэшем в URL в элементе BASE интерпретируется, как принадлежащее части имени файла и игнорируется. Нижеследующее является эквивалентом элемента BASE в примере приведенном выше:
Несмотря на то, что следующие строки эквивалентны, первый вариант написания не совсем правильный:
Какие ссылки использовать: абсолютные или относительные?
Имеется в виду: какие адреса использовать для переходов внутри сайта? Допустим, мы хотим создать на домене site.ru с уже работающим сайтом другой подсайт, файлы которого будут находиться в папке shop. URL этого подсайта будет такой:
Почему мы усложнили задачу, будет ясно в конце данной статьи.
1. Абсолютные ссылки (absolute)
2. Относительные ссылки (relative)
При использовании относительных ссылок за точку отсчета каждый раз берется отправная страница.
Здесь можно сделать первый вывод. Хотя относительные адреса выглядят короче абсолютных, однако абсолютные адреса предпочтительнее, так как одну и ту же ссылку можно применять в неизменном виде на любой странице сайта, на какой бы глубине она не находилась.
Промежуточные варианты
3. Адрес относительно протокола (protocol-relative)
Google рекомендует переходить именно на адреса без указания протокола. Однако, неизвестно, как долго будет длиться переходный период, так как сейчас считается, что http:// и https:// — это разные сайты
4. Адрес относительно корневой папки домена (root-relative)
Это хороший выбор, если все страницы сайта находятся в пределах одного домена. При переносе сайта на другой домен, вам не придется делать массовую замену домена в ссылках.
5. Адрес относительно главной страницы сайта (base-relative)
Ко всем преимуществам предыдущего варианта адресов, здесь добавляется еще одно — теперь сайты можно безболезненно переносить не только на любой домен, но и в любую подпапку, так как название подпапки исчезло из href. Это удобно для разработки — вы собираете сайт в любой подпапке веб-сервера своего рабочего компьютера, и, когда, сайт готов, просто переносите файлы сайта на хостинг.
Остается только привыкнуть к тому что, хотя адреса и записаны, как относительные, ведут они себя как абсолютные. Особенно нужно помнить о якорях, так как привычная конструкция href=»#comments» теперь производит переход не в пределах текущей страницы, а переводит на главную страницу, так как впереди будет автоматически приписан URL главной страницы. Теперь впереди хеша нужно явно прописывать адрес текущей страницы: href=«t-shirts/t-shirt-life-is-good/#comments».
Что касается «настоящих» абсолютных ссылок (1, 3, 4), то они работают как обычно — тег base не оказывает на них никакого действия. Действие элемента base распространяется только на html-документ, но не касается относительных URL внутри css, js, svg и др. файлов.
