로컬 문서 루트를 설정할 수 있거나 어디에 있습니까?
문제
하드 드라이브의 파일을 브라우저로 열 때 문서 루트는 어디에 있습니까?설명하기 위해 다음 HTML 코드가 주어지면 페이지가 로컬 시스템에서 열리는 경우 (file:///)
그렇다면 어디에서 해야 할까? css
브라우저가 파일을 찾을 수 있을까요?
<link href="/temp/test.css" rel="stylesheet" type="text/css" />
해결책
사용하는 브라우저에 따라 다르지만 예를 들어 Internet Explorer를 사용하면 하드 드라이브의 루트 디렉터리(예: C:/
), Firefox와 같은 브라우저는 아무 작업도 수행하지 않습니다.
다른 팁
너 ~할 수 있다, 그러나 아마도 원하지 않을 수도 있습니다. 파일 헤드에 파일별로 문서 루트를 설정하십시오.
<base href="my-root">
Mac에서 문서 루트는 데스크탑의 기본 하드 드라이브 아이콘을 두 번 클릭한 후 나타나는 창에 표시되는 것입니다.브라우저가 코드에 작성된 CSS 파일을 찾으려면 임시 폴더가 있어야 합니다.
실제로 다음과 같이 코드를 작성할 수도 있습니다.
<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />
Eric, 문서 루트는 파일이 어디에 있든 있는 폴더입니다.
로컬, 정적 HTML의 경우 지정하지 않는 한 대부분의 브라우저는 보고 있는 HTML 파일의 위치를 루트로 사용합니다.따라서 거기에 삽입된 CSS는 이름만으로 참조될 수 있습니다.
CSS 파일에 대한 올바른 참조를 얻는 게으른 방법은 브라우저에서 해당 파일을 여는 것입니다.그런 다음 거기에 보이는 URL을 가져오세요. 다음과 같습니다.
file:///blah/test.cssHTML의 스타일시트 링크에 복사하세요.
<link href="file:///blah/test.css" rel="stylesheet" type="text/css">
아니면 html 파일의 URL을 가져와서 스타일시트를 참조하도록 수정할 수도 있습니다.
그러면 로컬 페이지가 로컬 스타일시트와 함께 제대로 로드됩니다.
문서 루트 설정에 관심이 있다면 컴퓨터에 웹 서버를 설치하는 방법을 살펴보거나, 이미 웹 서버가 있는 경우(Apache 또는 IIS 등) 웹 루트에 개발 중인 프로젝트를 저장하는 방법을 살펴보세요. 해당 서버(Apache의 htdocs, IIS에서는 확실하지 않음).파일을 그대로 두고 싶다면 가상 호스트를 설정하고 브라우저에 입력할 수 있는 주소에 매핑할 수도 있습니다. 예를 들어 웹 루트로 확인되는 local.mrwarshaw.com 주소가 있습니다. 내 개인 사이트의 개발 폴더).
Windows를 사용 중이고 스스로 서버를 설정하는 데 어려움을 겪고 싶지 않다면 XAMPP 또는 WAMPP와 같은 패키지를 얻을 수 있습니다. 하지만 이러한 패키지에는 PHP 및 MySQL의 추가 부담이 따른다는 점을 명심하세요.그래도 공간이 있다면 머신을 위한 매우 쉬운 드롭인 개발 환경입니다.