이 글에서는 주로 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의 공백을 채웁니다.
이를 변경하려면 
, ,
html의 기본 태그 사용 예:
<head> <base href="http://www.php.cn/i/" /> <base target="_blank" /> </head> <body> <img src="/static/imghwm/default1.png" data-src="eg_smile.gif" class="lazy" / alt="HTML에서 기본 태그에 대한 상대 경로를 작성하는 방법은 무엇입니까? (사용 지침 포함)" > <a href="http://www.php.cn">W3School</a> </body>
문제가 해결되었습니다.
참고: 기사에 사용된 도메인 이름은 실제 도메인 이름이지만 경로를 찾을 수 없습니다.
기본 태그를 동적으로 작성하지 않는 것이 가장 좋습니다. 그렇지 않으면 Firefox 및 IE에 작은 버그가 있을 수 있습니다. 예를 들어 http://localhost/static/test.html 페이지의 경우:
html 사용 예 기본 태그:
<html> <head> <script> document.write('<base href="http://localhost/" />'); </script> </head></p> <p><body> <img src="/static/imghwm/default1.png" data-src="static/1.jpg" class="lazy" / alt="HTML에서 기본 태그에 대한 상대 경로를 작성하는 방법은 무엇입니까? (사용 지침 포함)" > </body> </html>
기본 태그는 기본 링크 태그이며 단일 태그입니다. 문서의 모든 링크 태그에 대한 매개변수 기본값을 변경하는 데 사용됩니다. 이는
태그와 사이에만 적용할 수 있습니다.상대 경로를 얻으려면 html에서
다음은 html에서
기본 요소는 다음을 지정할 수 있습니다. 페이지의 모든 링크 기본 URL
기본적으로 페이지의 링크(스타일 시트, 스크립트 및 이미지의 주소 포함)는 현재
페이지의 주소(예: 브라우저의 요청 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?Apr 15, 2025 am 12:13 AMHtmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.
HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AMHTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.
텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AMHTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.
HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AMWebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.
HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AMHTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.
HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)
HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AMHTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.
HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PMHTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
