Адреса

Html base href img

предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет элемент , определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как , то при добавлении рисунков достаточно использовать относительный адрес . При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif , что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как , то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif .

Второе применение элемента — задание целевого окна для всех ссылок на текущей странице.

Если на странице встречается несколько элементов , то берётся значение атрибутов только у первого элемента, остальные игнорируются.

Синтаксис¶

Закрывающий тег не требуется.

Атрибуты¶

href Адрес, который должен использоваться для указания полного пути к файлам. target Имя окна или фрейма, куда будет загружаться документ, открываемый по ссылке.

href¶

Адрес, который должен использоваться для указания полного пути к файлам. Обычно это типичный путь к текущему документу, но он может быть задан и другим, если это необходимо для организации файлов на сайте.

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

target¶

Определяет имя фрейма, в котором будут открываться все ссылки. Имя определяется атрибутом name элемента . В качестве значения также можно использовать ключевое слово, которое будет открывать ссылки в новой вкладке.

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

_blank Загружает страницу в новую вкладку браузера. _self Загружает страницу в текущую вкладку. _parent Загружает страницу во фрейм-родитель; если фреймов нет, то это значение работает как _self . _top Отменяет все фреймы и загружает страницу в полном окне браузера; если фреймов нет, то это значение работает как _self .

Если для элемента установлен target=»_blank» , можно сделать чтобы ссылка открывалась в текущем окне, если добавить к элементу атрибут target=»_self» .

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

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

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12

 html> head> meta charset="utf-8" /> title>basetitle> base target="_blank" /> head> body> p>a href="page/1.html">Чебурашкаa>p> p>a href="page/2.html">Крокодил Генаa>p> body> html> 

Источник

Атрибут href

Адрес, который должен использоваться для указания полного пути к файлам. Обычно это типичный путь к текущему документу, но он может быть задан и другим, если это необходимо для организации файлов на сайте.

Синтаксис

Значения

Полный абсолютный путь к документу.

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

В данном примере полный путь к изображению будет http://htmlbook.ru/example/images/copyleft.png.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

Элемент base

Элемент не выводит никакого контента и выполняет исключительно служебную функцию — позволяет указать базовый URL, относительно которого будут устанавливаться другие адреса, например, для изображений и ссылок. Также задаёт значение атрибута target , которое по умолчанию применяется ко всем ссылкам.

В документе разрешается иметь только один .

Атрибут href

Предположим, все изображения для наших документов хранятся в папке assets/images . Чтобы постоянно не указывать этот путь перед именем файла, его можно вынести в значение атрибута href тега , как показано в примере 1.

Пример 1. Использование href

Хотя в данном примере путь к файлу задан как figure.jpg в действительности его надо понимать как /example/images/figure.jpg . Обратите внимание на последний слэш (/), если его не указать, то путь к файлу будет /example/imagesfigure.jpg , что приведёт к ошибке и рисунок выводиться не будет.

Из-за того, что влияет на все используемые ниже него адреса, его рекомендуется ставить в раньше элементов со ссылками. Если перед стоит, к примеру, , то базовый адрес на него действовать не будет. Также базовый адрес не влияет на атрибут manifest в корневом элементе .

В качестве значения можно использовать и адрес сайта, как показано в примере 2.

      
 
Ссылка
  

Полный адрес изображения будет http://htmlbook.ru/example/images/figure.jpg . При сохранении страницы на локальный компьютер при её открытии все файлы будут загружаться непосредственно с сайта htmlbook.ru.

Хотя в примерах выше в использовались адреса папок, допустимо указывать и адрес документа:

Такой путь не надо подставлять прямолинейно, как это делалось в случае с папками. Адрес документа в href говорит, что относительно него следует задавать пути к файлам. В качестве примера рассмотрим следующую структуру файлов на сайте (рис. 1).

Рис. 1. Файлы и папки на сайте

Если задать базовый адрес как doc/index.html , тогда в файле 1.html пути к остальным файлам поменяются, как показано в примере 3.

      
 
Соседний документ
 
Вернуться на главную страницу
  

Поскольку перед doc нет дополнительных слэшей, то браузер считает, что папка doc находится в том же месте, что и файл 1.html , т.е. полный путь к базовому файлу относительно корня будет doc/doc/index.html . Не имеет значения, что в действительности такой папки и файла не существует, главное указать относительно неё путь. Поэтому в примере 3 и появляются дополнительные конструкции вида ../ . Поскольку адрес в примере фиктивный, замена doc внутри href на любое другое значение (скажем, doc123 ) не изменит путь к ссылкам.

Хотя пример 3 работоспособный, использование относительных адресов вносит путаницу, поэтому рекомендуем включать перед адресом слэш, который указывает на корень сайта (пример 4).

Пример 4. Базовый адрес относительно папки doc

      
 
Соседний документ
 
Вернуться на главную страницу
  

Конструкция /doc указывает на папку doc находящуюся в корне нашего сайта. Учтите, что адреса со слэшем впереди работают только под управлением сервера, но никак не локально.

Допустимо использовать только один базовый адрес на странице. Если ошибочно добавлено несколько с разными href , то применяется только первый, остальные игнорируются.

Атрибут target

В качестве примера рассмотрим добавление на страницу фрейма с именем frame , оно определяется атрибутом name тега . Чтобы ссылки за пределами фрейма открывались внутри него, в элементе укажем target=»frame» , как показано в примере 5.

Использование в таком качестве равнозначно тому, что для каждой ссылки добавляется target=»frame» .

Кроме использования имен допустимы следующие ключевые слова.

• _blank — открывает ссылку в новом окне или вкладке;
• _self — открывает ссылку в текущем окне или вкладке, равнозначно значению «» (пустая строка);
• _parent — открывает ссылку в родительском контексте. Например, если такая ссылка нажата внутри фрейма, то она открывается не во фрейме, а на странице содержащей фрейм;
• _top — открывает ссылку в контексте верхнего уровня. Результат будет заметен при сложной фреймовой структуре, при наличии на странице одного фрейма, открытие ссылки внутри него подобно действию _parent .

Если одновременно требуются атрибуты href и target , они объединяются в пределах одного тега:

Надо отметить, что значения _parent и _top применяются довольно редко и перешли в HTML5 по наследству из HTML4, где активно применялись фреймы.

Источник

Совет: меняем поведение относительных URL с помощью тега base

HTML тег — относительно малоизвестный тег, который не так давно стал частью HTML5. Он позволяет делать следующее:

1. указать любой URL в качестве базы для относительных URL
2. указать цель по-умолчанию для ссылок

Основы

Элемент указывается в секции , и указать можно только один такой элемент на страницу. Указывать его в документе нужно как можно раньше, так как его действие распространяется с места его указания. У него есть два возможных атрибута: href и target . Вы можете использовать как один из них, так и оба сразу.

Пример 1: ярлык для зарузки ресурсов

Скажем, ваш сайт хранит изображения и CSS в директории под названием “assets”. Вы можете задать тег следующим образом:

Это позволит вам загружать изображения и CSS следующим образом:

Пример 2: внутренние ссылки со страницы

Что, если у вас есть домен верхнего уровня, с которого производится переадресация на http://thisrocks.com/app/, а все внутренние ссылки должны содержать сегмент app/?

Вы можете указать базовый URL следующим образом:

Таким образом, всякий раз, когда вам нужно было бы сослаться с одной внутренней страницы на другую, вы могли бы использовать:

Пример 3: цель ссылки по-умолчанию

С помощью также можно указать цель по-умолчанию для всех ссылок на странице. Если вы укажете:

то каждая ссылка, у которой явно не задан атрибут target будет открываться в новом окне. Атрибут target можно использовать как вместе с атрибутом href , так и без него.

Эта возможность вероятно будет полезна для содержимого, загружаемого из iframe, таким образом, что у вас будет возможность открывать все ссылки на странице в соответствующем iframe.

Недостатки

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

Это из-за того, что базовый URL теперь http://www.myepicsite.com/assets/, и ваши пользователи будут направлены на адрес http://www.myepicsite.com/assets/page.html.

Якоря

При использовании вы можете столкнуться с проблемой ссылок на внутристраничные якоря.

Обычно ссылка вида Наверх оставит вас на текущей странице, но перенесет к элементу с , то есть она будет ссылаться на http://thisrocks.com/app/article.html#top.

Но если вы используете тег с заданным атрибутом href, то вы будете перенаправлены на базовый URL с добавленным к адресу сегментом #top, то есть http://thisrocks.com/app/#top.

Где уместен тег

Тег лучше всего использовать в случае, когда у вас есть полный контроль над всеми используемыми URL, то есть, если вы знаете, что у вас будет возможность переопределить умолчания так, как вам это нужно. Если вы разрабатываете шаблон для CMS, где есть много неизвестных переменных, то, вероятно, тегом лучше не пользоваться.

Если вы точно знаете, каким будет содержимое вашего проекта, и все ссылки и 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. Проблема?.

Источник