English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML 페이지의 내용이 매우 길 때, 사용자가 이 페이지를 볼 때 불편할 수 있습니다. 예를 들어, 이미 하단으로 스크롤이 되었을 때 상단으로 돌아가고 싶다면, 스크롤을 상단으로 끌어당겨야 하거나 페이지를 새로 고침하는 방법을 사용할 수 있습니다. 그러나 이 방법의 경험은 좋지 않습니다. 이 문제를 해결하기 위해 애젯을 설정하여 페이지 내 또는 페이지 간 이동을 처리하는 것이 좋습니다.
!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>기본 튜토리얼(oldtoolbag.com), 애젯 설정</title></head><body> <a href="#bottom" name="top">아래로 가기</a> <div style="height: 5000px; width: 300px; background-color: #123">이곳에서 페이지의 상단과 하단으로 이동하는 방법을 보여줍니다</div> <a href="#top" name="bottom">뒤로 가기</a></body></html>테스트를 보세요 ‹/›
(1) 페이지 내 이동 설정 방법 1:
애젯 링크 설정 <a href="#miao">야옹별에게 찾아가기</a>；（주의事项：href 속성의 속성 값 앞에 #을 추가해야 합니다）
페이지에서 필요한 위치에 애젯을 설정하려면 <a name="miao"></a>；（주의事项：a 태그에 name 속성을 추가해야 하며, 속성 값은 [1]의 href 속성 값과 같으며, #을 추가하지 않습니다）태그에 필요한 텍스트를 입력하면 됩니다. 일반적으로 내용을 입력하지 않습니다。
(2) 페이지 내 이동 설정 방법2：
애젯 링크 설정 <a href="#miao">야옹별에게 찾아가기</a>；（주의事项：href 속성의 속성 값 앞에 #을 추가해야 합니다）
애젯 위치 설정 <h4 id="miao">야옹별 기지</h4>；이동할 위치의 태그에 id 속성을 추가합니다. 속성 값은 ①의 href 속성 값과 같으며, #을 추가하지 않습니다。
주의事项：방법二中는 별도의 a 태그를 추가하여 애젯을 설정하지 않습니다. 필요한 위치의 태그에 id만 추가하면 됩니다。
!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>애젯 표시-기본 튜토리얼oldtoolbag.com</title> </head> <body> <ul> <li><a href="#miao">야옹별에게 찾아가기</a></li> <li><a href="#wang">왕별에게 찾아가기</a></li> <li><a href="#meng">다른 귀여운 존재들에게 찾아가기</a></li> </ul> <a name="miao"></a><!--애젯 설정 방법1--> <h3 id="miao">야옹별 기지</h3><!--애젯 설정 방법2--> <p>야옹야옹~</p> <p>야옹야옹~</p> <p>야옹야옹~</p> <p>야옹야옹~</p> <p>야옹야옹~</p> <p>야옹야옹~</p> <a name="wang"></a> <p>왕왕왕~</p> <p>왕왕왕~</p> <p>왕왕왕~</p> <p>왕왕왕~</p> <p>왕왕왕~</p> <p>왕왕왕~</p> <a name="meng"></a> <p>쨍쨍쨍~</p> <p>쨍쨍쨍~</p> <p>쨍쨍쨍~</p> <p>쨍쨍쨍~</p> <p>쨍쨍쨍~</p> <p>쨍쨍쨍~</p> </body> </html>테스트를 보세요 ‹/›