Domanda

Quando si apre un file dal disco rigido nel browser, dov'è la radice del documento?Per illustrare, dato il seguente codice HTML, se la pagina viene aperta dal computer locale (file:///) allora dove dovrebbe essere il css il file deve essere trovato dal browser?

<link href="/temp/test.css" rel="stylesheet" type="text/css" />
È stato utile?

Soluzione

Dipende dal browser che usi, ma Internet Explorer, ad esempio, ti porterà alla directory principale del tuo disco rigido (es. C:/), mentre i browser come Firefox non fanno nulla.

Altri suggerimenti

Voi Potere, ma probabilmente non vuoi, imposta la radice del documento in base al file nell'intestazione del file:

<base href="my-root">

Su un Mac, la radice del documento è ciò che vedi nella finestra che appare dopo aver fatto doppio clic sull'icona del disco rigido principale sul desktop.La cartella temporanea deve essere lì affinché un browser possa trovare il file CSS così come lo hai scritto nel tuo codice.

In realtà potresti anche scrivere il codice in questo modo:

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

Eric, la radice del documento è la cartella in cui si trova il tuo file, ovunque si trovi.

Per quanto riguarda l'html locale e statico, a meno che tu non lo specifichi, la maggior parte dei browser prenderà la posizione del file html che stai visualizzando come root.Quindi qualsiasi CSS inserito può essere referenziato solo con il suo nome.

Il modo pigro per ottenere il riferimento corretto per il tuo file CSS è aprirlo nel tuo browser.Quindi prendi semplicemente l'URL che vedi lì, qualcosa del tipo:

file:///blah/test.css
e copialo nel link del tuo foglio di stile sul tuo HTML:
<link href="file:///blah/test.css" rel="stylesheet" type="text/css">

Oppure puoi semplicemente prendere l'URL del file html e modificarlo per fare riferimento al foglio di stile.

Quindi la tua pagina locale dovrebbe caricarsi correttamente con il foglio di stile locale.

Se sei interessato a impostare la root del documento, potresti provare a installare un server web sul tuo computer o, se ne hai già uno (come Apache o IIS), archiviare il tuo progetto in sviluppo nella root web di quel server (htdocs in Apache, non del tutto sicuro in IIS).Se preferisci lasciare i tuoi file dove sono, puoi configurare host virtuali e persino mapparli su indirizzi che puoi digitare nel tuo browser (ad esempio, ho un indirizzo local.mrwarshaw.com che si risolve nella radice web della cartella di sviluppo del mio sito personale).

Se utilizzi Windows e non vuoi perdere tempo con la configurazione di un server da solo, potresti ottenere un pacchetto come XAMPP o WAMPP, anche se tieni presente che questi portano con sé il peso extra di PHP e MySQL.Tuttavia, se hai lo spazio, sono un ambiente di sviluppo drop-in abbastanza semplice per la tua macchina.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top