Тег <base>

Тег <base> несет служебную функцию и является довольно полезным. Он не имеет закрывающего тега и всегда размещается внутри тега <head> с обязательным указанием одного из атрибутов:

            
  <head>
    <base атрибуты>
  </head>
  			
             

Атрибуты тега <base>

href – указывает начальную часть url-адреса файла, который должен будет использоваться для обозначения полного пути.

target – указывает браузеру, в каком окне открывать ссылку.

Применение тега <base>

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

Пример использования тега <base> с атрибутом href:

        
<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег BASE и атрибут href</title>
    <meta charset="utf-8">
    
    <!-- Если указать начальную часть url-адреса как: -->
    <base href="http://prolesson.ru/tag/example/11/1/">

  </head>
  <body>
  
  	 <!-- то, например, при добавлении картинок
   достаточно будет использовать их относительный адрес: -->
     <img src="images/picture.jpg">
 
     <!-- Браузер будет считать, что полный путь к картинке будет таким:
  http://prolesson.ru/tag/example/11/1/images/picture.png -->

  </body>
</html>
			 
            
Смотреть пример

Второе применение тега <base> заключается в том, что всем ссылкам, размещенным на веб-странице можно указать, в каком окне (вкладке) им открываться. К примеру, если на странице размещено большое количество ссылок, которые, при переходе на них, открываются в новой вкладке (используется атрибут target со значением "_blank"), то есть смысл указать этот атрибут один раз в теге <base> и все.

Пример использования тега <base> с атрибутом target:

        
<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег BASE и атрибут target</title>
    <meta charset="utf-8">
    <base target="_blank">
  </head>
  <body>
    <p><a href="page1.html">Ссылка1</a></p>
    <p><a href="page2.html">Ссылка2</a></p>
    <p><a href="page3.html">Ссылка3</a></p>
 
    <!-- все ссылки будут открываться в новом окне, так как в теге <base> указан атрибут  target="_blank" -->

  </body>
</html>
			 
            
Смотреть пример