HTML에서 기본 태그에 대한 상대 경로를 작성하는 방법은 무엇입니까? (사용 지침 포함)-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML에서 기본 태그에 대한 상대 경로를 작성하는 방법은 무엇입니까? (사용 지침 포함)

寻∝梦

Aug 27, 2018 pm 07:12 PM

base html

이 글에서는 주로 HTML에서 기본 태그의 상대 경로를 사용하는 방법에 대해 설명합니다. 그 안에는 사용 예가 있습니다. 함께 살펴보겠습니다.

우선 기본의 상대 경로 내용에 대해 이야기해 보겠습니다. HTML의 태그:

HTML의 기본 태그는 상대 경로 문제를 해결합니다.

문제는 포털 시스템이 항상 상대 경로를 사용했고, 홈페이지의 많은 링크(CSS, JS 포함)입니다. , 사진 등)은 상대 경로입니다. 질문 포털 시스템에서는 문제를 해결할 수 있는 방법이 없으며, 상대 경로만 사용할 수 있습니다.

그 컵은 여기 있습니다, href="news/2014/05/25/1234.html" 그리고 이와 같은 링크는 http://www.111cn.net /news/2014/05/25/1234.html이 되었습니다. 전체 경로이며, 이 경로는 nginx에서 포털 시스템으로 인식될 수 없습니다(nginx는 /portal을 통해 일치함).

이것은 브라우저가 HTML 문서의 모든 링크에 있는 상대 경로를 채우기 위해 현재 문서의 URL을 추출하기 때문입니다.

갑자기 HTML의 기본 태그가 생각났습니다. W3C의 설명을 살펴보겠습니다.

태그는 페이지의 모든 링크에 대한 기본 주소 또는 기본 대상을 지정합니다.

일반적으로 브라우저는 현재 문서의 URL에서 해당 요소를 추출하여 상대 URL의 공백을 채웁니다.

이를 변경하려면 태그를 사용하세요. 그러면 브라우저는 더 이상 현재 문서의 URL을 사용하지 않지만 지정된 기본 URL을 사용하여 모든 상대 URL을 확인합니다. 여기에는 , , ,

태그의 URL이 포함됩니다.

html의 기본 태그 사용 예:

<head>
<base href="http://www.php.cn/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="http://www.php.cn">W3School</a>
</body>

로그인 후 복사

문제가 해결되었습니다.

참고: 기사에 사용된 도메인 이름은 실제 도메인 이름이지만 경로를 찾을 수 없습니다.

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

html 사용 예 기본 태그:

<html>
<head>
<script>
document.write(&#39;<base href="http://localhost/" />&#39;);
</script>
</head></p> <p><body>
<img src="static/1.jpg" />
</body>
</html>

로그인 후 복사

기본 태그는 기본 링크 태그이며 단일 태그입니다. 문서의 모든 링크 태그에 대한 매개변수 기본값을 변경하는 데 사용됩니다. 이는 태그와 사이에만 적용할 수 있습니다.

상대 경로를 얻으려면 html에서 태그를 사용하세요. (절대 경로는 지원되지 않습니다.)

다음은 html에서 에 대한 소개입니다.

기본 요소는 다음을 지정할 수 있습니다. 페이지의 모든 링크 기본 URL

기본적으로 페이지의 링크(스타일 시트, 스크립트 및 이미지의 주소 포함)는 현재

페이지의 주소(예: 브라우저의 요청 URL)를 기준으로 합니다. 주소 표시줄).

태그의 href 속성을 사용하여 모든 "상대 기본 URL"을 설정할 수 있습니다.

위의 내용은 무엇을 의미하나요? 코드를 보면 알 수 있습니다~~

이것은 JSP 측의 코드입니다. 아래 코드는 (위의 "방법 1"의 JSP 코드와 매우 유사합니다)

하지만 여기서는 그렇지 않습니다. ${pageScope.basePath}+” "상대 경로 주소" 방법을 사용하세요.

이제 html 파일에서 태그를 사용합니다.

<html>
<head>
<base href="http://localhost:8080/MyApp/">
</head>
<!-- // 设置了 <base>后，相对路径，相对于的就是base中的路径，而不再是浏览器
地址的请求路径啦~~~  -->
<a href="jsp/login.jsp">Login </a>
</html>

로그인 후 복사

[편집자 권장 사항]

HTML에서 head 태그의 역할은 무엇인가요? 평균? head 태그를 올바르게 사용하는 방법을 알려주는 기사가 있습니다

html

태그는 무엇인가요? html p 태그의 정의와 기능에 대한 자세한 설명

위 내용은 HTML에서 기본 태그에 대한 상대 경로를 작성하는 방법은 무엇입니까? (사용 지침 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.