HTML_HTML/Xhtml_Web 페이지 제작 시 기본 태그 사용에 대한 자세한 설명-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML_HTML/Xhtml_Web 페이지 제작 시 기본 태그 사용에 대한 자세한 설명

May 16, 2016 pm 04:40 PM

기본 태그 html

requireJS에는 baseURL이라는 속성이 있습니다. baseURL을 설정하면 현재 페이지가 아닌 프로젝트를 기준으로 로드할 파일의 경로를 작성할 수 있습니다.

예: 프로젝트 디렉토리가 /myproject/이고 그 안에 두 개의 페이지가 있다고 가정합니다. 하나는 /myproject/one.html이고 다른 하나는 /myproject/html/other.html이며 둘 다 /myproject를 로드해야 합니다. /js /some.js. baseURL을 /myproject/로 설정하면 js를 로드할 때 페이지 경로가 다르기 때문에 두 페이지 모두 다른 상대 경로를 사용하는 대신 project./js/some에 대한 상대 경로를 사용할 수 있습니다.

근데 requireJS를 사용하지 않으면 baseURL과 유사한 기능을 구현할 수 있나요?

기본 태그
사실 HTML에도 비슷한 기능을 할 수 있는 기본 태그가 있습니다. 예:

코드 복사

코드는 다음과 같습니다.

< html>
<head>
<base href="http://static.cnblogs.com/" />
</head>
<body>
<img src="./images/logo_gray.gif" />
</body>
</html>

상대 경로를 사용한다는 것을 알 수 있습니다. ./images /logo_gray.gif로 로드된 사진이 http://static.cnblogs.com/images/logo_gray.gif의 사진이 되었습니다.

base 태그는 페이지 링크에 기본 경로나 기본 열기 방법을 추가할 수 있습니다.

다음은 기본 개폐 방식 설정 예시입니다.

코드 복사

코드는 다음과 같습니다. :

버그
기본 태그를 동적으로 작성하지 않는 것이 가장 좋습니다. 그렇지 않으면 Firefox 및 IE에 http://localhost 페이지와 같은 작은 버그가 있을 수 있습니다. /static/test .html:

코드 복사

코드는 다음과 같습니다.

Firefox와 IE는 http://localhost/static/static/1.jpg를 먼저 로드한 다음 http://localhost/static/1.jpg를 로드합니다. 즉, 모두 현재 페이지를 기준으로 한 경로를 먼저 로드한 다음 기본 태그에 설정된 기본 경로를 통해 로드하려고 시도합니다.