링크와 프레임 (내부,외부,버튼,div,link)

링크 종류

1. 구현

1-1 문서 외부 이동 (앵커 활용)

1-2 문서 내부 이동 (앵커 활용)

1-3 버튼 UI 이동

1-4 DIV 이동

1-5 Link 이동

2. 추가 (살 붙이기 )

2-1 해당 위치로 이동 ( CSS로 구현 )

이 문제를 해결하기 위해서 스크립트를 사용하지 않고 CSS 스타일만으로 해결되는 간단한 방법이 없을지 여러 방법들을 테스트하다가 아래와 같이 코드를 작성하였다.
출처 : 동일 페이지에서 링크로 섹션 이동시 고정 헤더에 가리는 문제

3. 앵커 <a>

3-1 속성

3-2. 주소 체계

3-2-1 상대 주소

3-2-2 절대 주소

4. 참고

참고1. 웹 프로그래밍 - 링크와 프레임(<iframe>)

참고2. HTML A 태그

참고3. 페이지(문서) 또는 다른 페이지의 특정 위치로 이동하기