Você pode definir ou onde está a raiz do documento local?

Question

Ao abrir um arquivo do disco rígido no navegador, onde está a raiz do documento?Para ilustrar, dado o seguinte código HTML, se a página for aberta na máquina local (file:///) então onde deveria css arquivo seja para o navegador encontrá-lo?

<link href="/temp/test.css" rel="stylesheet" type="text/css" />

Answer 1

Depende de qual navegador você usa, mas o Internet Explorer, por exemplo, levaria você ao diretório raiz do seu disco rígido (por exemplo. C:/), enquanto navegadores como o Firefox não fazem nada.

Answer 2

Você pode, mas provavelmente não deseja, defina a raiz do documento por arquivo no cabeçalho do seu arquivo:

<base href="my-root">

Answer 3

Em um Mac, a raiz do documento é o que você vê na janela que aparece após clicar duas vezes no ícone principal do disco rígido na área de trabalho.A pasta temporária precisa estar lá para que um navegador encontre o arquivo CSS conforme ele está escrito em seu código.

Na verdade, você também poderia escrever o código assim:

<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />

Answer 4

Eric, a raiz do documento é a pasta onde está o seu arquivo, onde quer que esteja.

Answer 5

No que diz respeito ao html estático local, a menos que você o especifique, a maioria dos navegadores considerará a localização do arquivo html que você está visualizando como raiz.Portanto, qualquer CSS colocado lá pode ser referenciado apenas pelo nome.

A maneira preguiçosa de obter a referência correta para o seu arquivo css é abri-lo no seu navegador.Em seguida, basta pegar o URL que você vê lá - algo como:

file:///blah/test.css

e copie isso no link da folha de estilo em seu html:

<link href="file:///blah/test.css" rel="stylesheet" type="text/css">

Ou isso ou você pode simplesmente pegar o URL do arquivo html e alterá-lo para se referir à folha de estilo.

Então sua página local deve carregar bem com a folha de estilo local.

Answer 6

Se você estiver interessado em definir a raiz do documento, você pode tentar instalar um servidor web em sua máquina ou, se já tiver um (como Apache ou IIS), armazenar seu projeto em desenvolvimento na raiz web do esse servidor (htdocs no Apache, não tenho certeza no IIS).Se preferir deixar seus arquivos onde estão, você pode configurar hosts virtuais e até mesmo mapeá-los para endereços que você pode digitar em seu navegador (por exemplo, tenho um endereço local.mrwarshaw.com que resolve para a raiz da web da pasta de desenvolvimento do meu site pessoal).

Se você estiver no Windows e não quiser se preocupar em configurar um servidor por conta própria, poderá obter um pacote como XAMPP ou WAMPP, mas tenha em mente que eles carregam o peso extra do PHP e MySQL com eles.Ainda assim, se você tiver espaço, eles são um ambiente de desenvolvimento bastante fácil para sua máquina.