웹 프론트엔드 HTML 튜토리얼 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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML의 테이블 테두리 HTML의 테이블 테두리 Sep 04, 2024 pm 04:49 PM

HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML의 중첩 테이블 HTML의 중첩 테이블 Sep 04, 2024 pm 04:49 PM

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 여백-왼쪽 HTML 여백-왼쪽 Sep 04, 2024 pm 04:48 PM

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML 테이블 레이아웃 HTML 테이블 레이아웃 Sep 04, 2024 pm 04:54 PM

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML에서 텍스트 이동 HTML에서 텍스트 이동 Sep 04, 2024 pm 04:45 PM

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML 정렬 목록 HTML 정렬 목록 Sep 04, 2024 pm 04:43 PM

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? PHP에서 HTML/XML을 어떻게 구문 분석하고 처리합니까? Feb 07, 2025 am 11:57 AM

이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다

HTML 온클릭 버튼 HTML 온클릭 버튼 Sep 04, 2024 pm 04:49 PM

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.

See all articles