Автошкола в Москве
motoshkola.club
Браузер | ![]() |
![]() |
![]() |
![]() |
![]() |
|||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Версия | 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 |
Элемент <BASE> определен внутри контейнера <HEAD> и инструктирует браузер относительно полного базового адреса текущего объекта. Тег <BASE> предназначен для файлов, в которых используется относительный адрес и эти файлы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет тег <BASE>, определяет полный адрес объекта и корректно загружает его. Например, если адрес объекта указан как <base href="http://www.megasite.ru/hzchd">, то при добавлении рисунков дастаткова использовать относительный адрес <img src="/images/labuda.gif">. При этом полный путь к изображению будет http://www.megasite.ru/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая web-страница. Также можно применять и иерархическую систему пути с двоеточием. Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будет http://www.megasite.ru/images/labuda.gif.
Второе применение тега <BASE> — задание целевого окна для всех ссылок на текущей странице.
<head>
<base ...>
</head>
Не требуется.
Пример 1. Использование тега <BASE>
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег BASE</title>
<base target="_blank">
</head>
<body>
<p>...</p>
</body>
</html>
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Адрес, который должен использоваться для указания полного пути к файлам. Обычно это типичный путь к текущему файлу, но он может быть задан и другим, если это необходимо для организации файлов на сайте.
<base href="URL">
Полный абсолютный путь к файлу.
Путь к текущему файлу.
Пример 2. Путь к файлу
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег BASE, параметр href</title>
<base href="http://www-html.ru/copyright/">
</head>
<body>
<p><img src="copyleft.gif" alt="О_о"></p>
</body>
</html>
В данном примере полный путь к изображению будет http://www-html.ru/copyright/copyleft.gif.
ШТМЛ: | 3.2 | 4 | XШТМЛ: | 1.0 | 1.1 |
Вы можете определить окно, в которое будет загружаться web-страница, открытая по ссылке. Для этого используется параметр target, в качестве его значения указывается имя окна или фрейма. Если параметр target не установлен, возвращаемый результат показывается в текущем окне.
<base target="имя окна">
В качестве аргумента используется имя окна или фрейма. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
Если для тега <BASE> установлен параметр target="_blank", можно сделать чтобы ссылка открывалась в текущем окне, если добавляем к тегу <A> параметр target="_self".
_self
Пример 3. Открытие ссылки в новом окне
ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE ШТМЛ PUBLIC "-//W3C//DTD ШТМЛ 4.01 Transitional//EN" "http://www.w3.org/TR/ШТМЛ4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег BASE, параметр target</title>
<base target="_blank">
</head>
<body>
<p><a href="new.ШТМЛ">Ссылка откроется в новом окне</a></p>
<p><a href="current.ШТМЛ" target="_self">Ссылка откроется в текущем окне</a></p>
</body>
</html>
Обратите внимание, что в данном примере используется переходный <!DOCTYPE>. При использовании строгого <!DOCTYPE> пример не пройдет валидацию.
Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru
О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект