이 문서에서는 내부 링크에 대한 가이드를 설명합니다.
HTML 내부 링크란 무엇입니까?
HTML 내부 링크는 사용자가 웹 페이지의 다른 섹션을 탐색할 수 있도록 생성된 하이퍼링크입니다. 사용자가 내부 링크와 상호 작용할 때 브라우저는 웹 페이지의 지정된 섹션으로 화면을 이동합니다. 특히 단일 페이지 길이의 웹사이트나 블로그가 있는 경우 사용자를 탐색하는 데 도움이 됩니다.
내부 링크를 이해하기 위한 간단한 예를 살펴보겠습니다.
예: 내부 링크를 네비게이터로 사용
내부 링크의 작동을 이해하기 위해 탐색 버튼을 사용할 수 있습니다. 예를 들어 이 데모에서는 두 개의 탐색 버튼과 더미 콘텐츠가 생성되었습니다.
< 사업부 >
< h2 ID = '파트원' > 파트 1 < / h2 >
< 피 > 첫 번째 콘텐츠에 오신 것을 환영합니다. < / 피 >
< h2 ID = '두 번째 부분' > 두 번째 부분 < / h2 >
< 피 > 엄청난! 콘텐츠의 두 번째 부분에 도달했습니다. < / 피 >
< / 사업부 >
위의 코드 조각에서:
- 먼저 두 개의 ' ” 태그는 웹 페이지의 두 개의 제목/섹션을 만드는 데 사용됩니다. 이것들 ' h2 ” 요소는 “ 파트원 ' 그리고 ' 두 번째 부분 '에 할당된 ID ” 속성, 각각.
- 다음으로 “ ” 태그는 각 “ ” 태그.
이제 내부 링크와 관련하여 탐색 버튼이 사용됩니다. 이러한 버튼은 다음 코드 줄을 사용하여 생성됩니다.
< 울 >< 저것 > < ㅏ 헥사 = '#파트원' >파트< / ㅏ > < / 저것 >
< 저것 > < ㅏ 헥사 = '#두 번째 부분' >2부< / ㅏ > < / 저것 >
< / 울 >
위의 코드 조각에서:
- 먼저 “
- 다음으로 앵커 ' <아> ” 태그를 활용하여 각각의 “ <그> ” 태그.
- 그런 다음 '의 값을 설정하십시오. 헥사 ” 둘 다의 속성 <아> ” 태그를 “ 파트원 ' 그리고 ' 두 번째 부분 ” 아이디. 이 과제는 ' ID ” 값은 내부 링크를 생성합니다.
위의 코드 블록을 실행한 후 웹 페이지는 다음과 같이 작동합니다.
위의 gif는 웹 페이지에서 내부 링크의 작동을 보여줍니다.
결론
HTML 내부 링크는 사용자가 웹 페이지의 다른 섹션을 탐색할 수 있도록 생성된 하이퍼링크입니다. 내부 링크를 생성하려면 상위 HTML 요소의 ID를 전달하십시오. 그리고 이 ID를 ' 헥사 ” HTML 앵커에서 제공하는 속성 “ <아> ' 요소. 이것 ' <아> ” 요소는 navbar 내부 또는 네비게이터 역할을 하는 웹 페이지의 모든 위치에서 사용할 수 있습니다. 이 기사에서는 HTML 내부 링크의 실용적인 예를 보여주었습니다.