로컬 문서 루트를 설정할 수 있거나 어디에 있습니까?

Question

하드 드라이브의 파일을 브라우저로 열 때 문서 루트는 어디에 있습니까?설명하기 위해 다음 HTML 코드가 주어지면 페이지가 로컬 시스템에서 열리는 경우 (file:///) 그렇다면 어디에서 해야 할까? css 브라우저가 파일을 찾을 수 있을까요?

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

Answer 1

사용하는 브라우저에 따라 다르지만 예를 들어 Internet Explorer를 사용하면 하드 드라이브의 루트 디렉터리(예: C:/), Firefox와 같은 브라우저는 아무 작업도 수행하지 않습니다.

Answer 2

너 ~할 수 있다, 그러나 아마도 원하지 않을 수도 있습니다. 파일 헤드에 파일별로 문서 루트를 설정하십시오.

<base href="my-root">

Answer 3

Mac에서 문서 루트는 데스크탑의 기본 하드 드라이브 아이콘을 두 번 클릭한 후 나타나는 창에 표시되는 것입니다.브라우저가 코드에 작성된 CSS 파일을 찾으려면 임시 폴더가 있어야 합니다.

실제로 다음과 같이 코드를 작성할 수도 있습니다.

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

Answer 4

Eric, 문서 루트는 파일이 어디에 있든 있는 폴더입니다.

Answer 5

로컬, 정적 HTML의 경우 지정하지 않는 한 대부분의 브라우저는 보고 있는 HTML 파일의 위치를 ​​루트로 사용합니다.따라서 거기에 삽입된 CSS는 이름만으로 참조될 수 있습니다.

CSS 파일에 대한 올바른 참조를 얻는 게으른 방법은 브라우저에서 해당 파일을 여는 것입니다.그런 다음 거기에 보이는 URL을 가져오세요. 다음과 같습니다.

file:///blah/test.css

HTML의 스타일시트 링크에 ​​복사하세요.

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

아니면 html 파일의 URL을 가져와서 스타일시트를 참조하도록 수정할 수도 있습니다.

그러면 로컬 페이지가 로컬 스타일시트와 함께 제대로 로드됩니다.

Answer 6

문서 루트 설정에 관심이 있다면 컴퓨터에 웹 서버를 설치하는 방법을 살펴보거나, 이미 웹 서버가 있는 경우(Apache 또는 IIS 등) 웹 루트에 개발 중인 프로젝트를 저장하는 방법을 살펴보세요. 해당 서버(Apache의 htdocs, IIS에서는 확실하지 않음).파일을 그대로 두고 싶다면 가상 호스트를 설정하고 브라우저에 입력할 수 있는 주소에 매핑할 수도 있습니다. 예를 들어 웹 루트로 확인되는 local.mrwarshaw.com 주소가 있습니다. 내 개인 사이트의 개발 폴더).

Windows를 사용 중이고 스스로 서버를 설정하는 데 어려움을 겪고 싶지 않다면 XAMPP 또는 WAMPP와 같은 패키지를 얻을 수 있습니다. 하지만 이러한 패키지에는 PHP 및 MySQL의 추가 부담이 따른다는 점을 명심하세요.그래도 공간이 있다면 머신을 위한 매우 쉬운 드롭인 개발 환경입니다.