HTML5의 링크 옵션 탐색 - 인형

비디오: Responsive Design with Bootstrap by Neel Mehta 2024

하이퍼 링크, 또는 간단히 링크, 웹의 HTML 페이지 및 기타 리소스를 연결합니다. 웹 사이트 또는 웹 사이트 페이지를 다양한 온라인 리소스에 연결할 수 있습니다.

다른 HTML 페이지 (웹 사이트 또는 다른 웹 사이트)
동일한 HTML 페이지의 다른 위치
전자 메일 주소, 그림, 텍스트 파일 또는 방문객을위한 다운로드와 같은 HTML 페이지조차 전혀 존재하지 않습니다.

링크 위치, 캡션 및 대상은 사이트 방문자가 링크를 인식하는 방법에 큰 영향을줍니다. 생성하는 링크의 종류는 링크 대상과 링크 마크 업을 공식화하는 방법에 따라 결정됩니다.

절대 링크

절대 링크 는 전체 URL을 사용하여 브라우저를 웹 페이지 또는 온라인 리소스에 연결합니다. 전체 URL을 사용하여 리소스를 가리키는 링크는 다른 웹 리소스에 대한 완전한 독립 실행 형 경로를 제공하기 때문에

absolute 라고합니다. 다른 사람의 웹 사이트에있는 페이지에 링크 할 때 웹 브라우저는 해당 페이지를 찾기 위해 URL의 모든 정보를 필요로합니다. 브라우저는 URL의 도메인에서 시작하여 경로를 통해 특정 파일로 이동합니다. http: // www.

웹 사이트

. co.kr / 디렉토리 / 페이지 를 참조하십시오. html 상대 링크 상대 링크

는 가리키고있는 리소스의 URL을 지정하기 위해 일종의 속기를 사용합니다.

HTML 페이지의 상대 링크에 다음 지침을 사용하십시오.

동일한 도메인에있는 리소스 간의 상대 링크를 생성합니다.

두 리소스가 모두 같은 도메인에 있으므로 URL에서 도메인 정보를 생략 할 수 있습니다.

상대적
URL은

에서 로 연결 한 리소스의 위치를 사용하여 와 를 연결하는 리소스의 위치를 식별합니다 (예: page. html). 상대 링크는 누군가에게 Eastside Mall에 가야한다고 알리는 것과 유사합니다. 사람이 이미 Eastside Mall의 위치를 알고 있다면 추가 지시가 필요하지 않습니다. 웹 브라우저도 동일한 방식으로 작동합니다. 사이트에서 상대 링크를 사용하는 경우 서버를 변경하면 링크가 계속 작동합니다.

도메인 이름.

간단한 링크

동일한 웹 사이트의 페이지 사이에 링크를 만들 때 상대 URL을 활용할 수 있습니다. http: // www. mysite. co.kr / home. html에서 http: // www. mysite. co.kr / about. html로 가정에서 앵커 요소에이 단순화 된 상대 URL을 사용할 수 있습니다.html:
우리 회사에 대해 자세히 알아보십시오.

브라우저에 도메인 이름이없는 링크가 표시되면 브라우저는 링크가

relative

라고 가정하고 링크 페이지의 도메인과 경로를 사용하여 링크 된 페이지를 찾습니다. 앞의 예제는 집에있는 경우에만 작동합니다. html 및 about. html은 같은 디렉토리에 있습니다.

사이트 링크 사이트가 복잡해지고 파일을 여러 폴더로 구성하면 상대 링크를 계속 사용할 수 있습니다. 그러나 상대 URL에 추가 정보를 제공해야 브라우저가 링크중인 파일과 같은 디렉토리에 있지 않은 파일을 찾을 수 있습니다. 파일 이름 앞에 … / (두 마침표와 슬래시)를 사용하여 브라우저가 디렉토리 구조에서 한 레벨 위로 이동해야 함을 나타냅니다.