3

Tendo em http://exemplo.com/diretorio1/documento1.html o código:

<!DOCTYPE html>
<html>
    <head>
        <title>Uma página</title>
        <base href="http://exemplo.com/diretorio2/" />
        <script>
            function foo(){
                window.location.href= "documento2.html";
            }
            // Mais Scripts...
        </script>
        <style>
            @import url("estilo2.css");
            /* Estilos etc... */
        </style>
    </head>
    <body>
    </body>
</html>

A função foo de <script>consegue seguir até http://exemplo.com/diretorio2/documento2.html?

O estilo em <style> consegue importar o arquivo http://exemplo.com/diretorio2/estilo2.css?

1 Resposta 1

3

Sim, exato, todos os URLs relativos do documento.

A descrição da MDN:

[...] specifies the base URL to use for all relative URLs contained within a document [...]

Traduzido: especifica a base do URL para usar em todos os URLs relativos do documento.

Exemplo: http://jsfiddle.net/4q2fpyft/
(onde uso o base para o url de uma imagem e para o CSS):

<base href="http://cdn.sstatic.net/stackoverflow/">
<link rel="stylesheet" type="text/css" href="all.css?v=4da5848172aa">
<div class="topbar">
    [...]
</div>
<img src="img/sprites.png?v=3c6263c3453b" alt="" />

Resultado:

inserir a descrição da imagem aqui

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .