카테고리 없음
[HTML] a태그의 href에 대하여
developer of the night sky
2023. 9. 20. 16:08
URL(=URI)
- URI : Uniform Resource Identifier
- URL : Uniform Resource Locator
- 웹상의 자원(페이지, 이미지, 영상 등등)을 구분하기 위한 고유 주소 값
ex)
http://localhost:8090/client/html/ex12_url.html
https://www.naver.com:443/
구조
1. https://, http://
- 프로토콜(=통신 규약)
- Hyper Text Transfer Protocol : 웹 페이지를 주고 받는 통신
2. localhost(127.0.0.1)
- www.naver.com
- 도메인 : Server IP Address 변환 접속
- 서버측 호스트(컴퓨터)의 주소
3. :8090, :80, :443
- 웹서버 포트번호
- 아파치 톰캣을 찾기 위해서 사용
- 웹서비스를 하는 웹서버는 80번, 443번으로 서로 합의를 하여 사용하고 있다. 인터넷 주소를 표기할 때 생략 가능하다.
- http일 때는 80번 / https일 때는 443번
4. /client/html/ex12_url.html
- client : Context Root(=webapp 폴더)
- /html/ex12_url.html : 실제 자원의 경로
URL 표현 방법
| 파일경로 | 웹 경로 |
| 역슬래시(\) 사용 | 슬래시(/) 사용 |
| C:\test\aaa\test.txt | http://test.com/aaa/test.html |
상황에 따라 상대경로 or 절대경로를 사용한다.
1. 상대 경로
- 주소의 시작을 '.'으로 한다.
- '.' : 현재 페이지가 존재하는 폴더의 경로
- '.' 생략 가능하다.
- 장점 : 짧게 표현이 가능하다.
- 단점 : 파일 위치가 바뀔 때마다 수정해줘야한다.
<a href="./ex11_link.html">이동하기</a>
2. 절대 경로
- 주소의 시작을 '/'dmfh gksek.
- '/' : 현재 프로젝트의 루트 폴더의 경로
- 장점 :
- 단점 : 상대방의 경로와 다르면 사용할 수 없다.
<a href="/client/html/ex11_link.html">이동하기</a>
3. 로컬 경로
- 주소의 시작을 드라이브 경로부터 작성한다.
- 현재 사용불가하다.
- 자신의 컴퓨터만 접속가능해서 필요가 없다.
4. 외부 경로
- 타사이트의 자원을 참조한다.
- http://OOO 또는 https://OOO
<body background="https://image.dongascience.com/Photo/2016/09/14750507361195.jpg">