많은 개발자와 마찬가지로/images, css in/css 및 js in/js에 이미지를 넣었습니다. 이렇게하면 URL/디렉토리 구조가 무엇이든 관계없이 사이트에서 /css/style.css 또는/js/jquery를 간단하게 참조 할 수 있습니다.파일 및 웹 사이트에서 html로 작동하는 기본 URL은 무엇입니까?
문제는 디렉토리에서 html을 열려고 할 때 경로가 엉망입니다. C :/
웹상의 CMS에 html 파일을 미리보기 전에 미리 볼 수 있지만 어떻게해야할지 모르겠다. 어떻게 든 최소한의 번거 로움을 처리하는 데 사용할 수 있습니까?
경로 앞에 슬래시를 추가하면 절대 경로가됩니다. 가능한 한 거의 절대 경로를 사용하지 말고 대신 상대 경로를 사용하십시오. 당신이 test.html에있어 당신이 style.css을 참조해야하는 경우
/website
/html
/css
style.css
test.html
script.js
/newcss
newstyle.css
는, 상대 경로가 css/style.css 것 :
script.js을 참조해야하는 경우 상대 경로는 단지
script.js입니다. newstyle.css를 참조해야하는 경우 상대 경로는
../newcss/newstyle.css입니다. (..는 "하나의 디렉토리 레벨로 이동"을 의미합니다).
이렇게하면 코드를 이식 할 수있는 이점이 있습니다. 원하는 시스템에서 언제든지 원하는 위치에서 website 폴더를 복사하여 웹 서버에 복사 할 수 있습니다. * nix 및 Windows 시스템 모두이 규칙을 따릅니다.
여기에 규칙을 설정하지 않아야합니다. 그것은 전적으로 작업/dev/prod 환경과 환경 설정에 의존합니다. –
상대 경로보다 절대 경로를 사용하는 것을 선호합니다. 단순히 스크립트를 쉽게 전송할 수 있기 때문에 간단하지만 상황, 구조 및 환경 설정에 따라 다릅니다. –
알렉스, 내가 당신의 충고를 따랐다면, 나는 CSS와 이미지, 그리고 자바 스크립트를 따로 복사 할 필요가있다. 다양한 길이의 URL이 있습니다. 예 : http://domain.com/, http://domain.com/articles, http://domain.com/articles/article-name. –
XAMPP과 같은 로컬 서버 설정을 고려해 볼 수 있습니다. 그러면 파일은 http://127.0.0.1에서 미리 볼 수 있으며 절대 경로는 웹 에서처럼 작동하도록 만들 수 있습니다. XAMPP에는 파일 구조를 넣을 기본 htdocs 디렉터리가 있습니다.
설정하고 들어가기까지 다소 시간이 걸릴 수 있습니다.
루트 상대 링크를 사용하는 것은 좋지만, 로컬에서 작업 할 때 문제를 일으킬 수 있습니다.
이상적으로는 컴퓨터에 로컬 웹 서버를 설치하고 파일 시스템을 사용하는 대신 그 방법을 미리 보는 것이 좋습니다.
로컬 웹 서버를 실행하십시오. 테스트 시스템과 실제 시스템 간의 차이가 클수록 시스템을 전송할 때 문제가 발생할 가능성이 커집니다. – Quentin
그건 너무 많은 일입니다. 나는 - 로컬 웹 서버, 등 - 난 그냥 그래픽과 CSS에서 디자이너에 대한 작업을하기 전에 신속하게 확인하고 싶습니다. 또한 설계자는 자신의 작업을 점검하고 경로 등을 올바르게 설정해야합니다. –