Al compilar un sitio HTML estático, puede establecer la url base como <base url="http://localhost:8888/mysite" />
. Se supone que al insertar, por ejemplo, una imagen, puede hacerlo desde la URL base como por lo <img src="/img/logo.png" />
, lo que equivale a <img src="http://localhost:8888/mysite/img/logo.png" />
¿Cómo creo enlaces relacionados con la raíz en un sitio estático?
Mi problema es que estos vínculos relativos no funcionan cuando muevo el sitio alrededor, lo cual es un dolor porque estoy tratando de compartirlo con alguien en Dropbox. Pensé que podría cambiar la url base a <base url="http://dl.dropbox.com/u/xxxxxxxx/mysite" />
, pero los enlaces de imagen están buscando aquí: <img src="http://dl.dropbox.com/img/logo.png" />
en lugar de la URL base completa que establecí en el encabezado.
¿Por qué es esto?
¿por qué no eliminas esa cosa '' base url' y simplemente mueves la carpeta principal ...? (Dado que no es un sitio dinámico, no lo entiendo ... su url base es donde reside su archivo actual ...) –
Eso es lo que yo también pensaba, pero si elimino la etiqueta base y arrastro mi sitio web a una carpeta arbitraria como el escritorio y coloque el cursor sobre un enlace, lo busca en 'http: // localhost/assets/img'. Debería ser algo así como '~/Desktop/web_folder/assets/img'. –
No importa en qué nivel de jerarquía esté en el sitio, quiero poder llamar a una imagen de '/ assets/img/foo.png'. Si considero cada página como su propia base, tendré que crear vínculos relativos y tener que preocuparme por esta situación: '../../../../../ assets/img/foo.png' . –