html 기본 태그를 사용하는 방법은 무엇입니까? html 기본 태그 사용법 요약-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

html 기본 태그를 사용하는 방법은 무엇입니까? html 기본 태그 사용법 요약

寻∝梦

Sep 05, 2018 am 11:39 AM

base html

이 글에서는 주로 html base 태그의 사용법을 소개하고, html 기본 태그의 구체적인 사용 예도 분석합니다. 다음으로 이 글을 함께 살펴보도록 하겠습니다

우선 서로에 대해 알아봅시다. .html 기본 태그:

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

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

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

참고: 태그는 head 요소 내부에 위치해야 합니다.

html 기본 태그 속성에 대한 소개도 있습니다:

html 기본 태그를 사용하는 방법은 무엇입니까? html 기본 태그 사용법 요약

이제 예를 살펴보겠습니다.

<head>
<base href="http://www.php.cn/" />
<base target="_blank" />
</head>
<body>
<img  src="/static/imghw/default1.png"  data-src="eg_smile.gif"  class="lazy"   / alt="html 기본 태그를 사용하는 방법은 무엇입니까? html 기본 태그 사용법 요약" >
<a href="http://www.php.cn">PHP中文网</a>
</body>

로그인 후 복사

이 코드의 효과를 알고 계십니까? 이제 브라우저에서 실제 효과를 살펴보겠습니다.

html 기본 태그를 사용하는 방법은 무엇입니까? html 기본 태그 사용법 요약

올바른 이미지 경로를 입력하지 않았기 때문에 이것이 표시되는 효과입니다.

이제 HTML 기본 태그의 사용법을 살펴보겠습니다.

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

웹 페이지의 모든 상대 경로 앞에는 링크할 때 기본 링크가 가리키는 주소가 옵니다.

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

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

JSP 쪽 코드입니다

html 파일의 태그 사용:

코드는 다음과 같습니다.

<%
String path = request.getContextPath();
// 获得项目完全路径（假设你的项目叫myWork，那么获得到的地址就是 http://localhost:12138/myhtml/）:
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
// 将 "项目路径basePath" 放入pageContext中
%>
<html>
<head>
<base href=" <%=basePath%>">
//base只能应用于标记<head>与</head>之间
</head>
// 这里我们就可以直接使用相对路径(即: 相对于base标签)
<a href="jsp/login.jsp">Login </a>
</html>

로그인 후 복사

위 JSP 코드를 실행하면 브라우저에서 볼 수 있습니다. , 그가 클라이언트에게 반환한 html 코드:

위 JSP를 실행한 후 반환된 html 코드는 다음과 같습니다.

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

로그인 후 복사

JSP에서 반환한 html 코드에는 콘텐츠.

즉, 이 html 파일에서 발견되는 모든 "상대 링크(예: )"는 기본(예: http :// localhost:12138/myhtml/)

좋아요, 위 내용은 이 기사의 html 기본 태그 사용법에 대한 소개입니다(더 많은 HTML 지식을 보려면 PHP 중국어 웹사이트html 비디오 튜토리얼에 오신 것을 환영합니다). 질문은 아래에서 질문하실 수 있습니다.

html에서 라벨 태그 높이를 설정하는 방법은 무엇입니까? 라벨라벨 사용법 소개

위 내용은 html 기본 태그를 사용하는 방법은 무엇입니까? html 기본 태그 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

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