본문 바로가기
웹 프로그래밍 기초

<HTML> <a>태그의 target 속성 , 앵커

by oncerun 2020. 6. 12.
반응형

링크를 클릭할 경우 문서가 있던 현재 브라우저 창에 연결된 문서가 나타납니다.

하지만 target 속성을 사용하면 현재 화면뿐만 아니라 새로운 화면에서도 링크를 열 수 있습니다.

 

속성 설명
_blank 링크 내용이 새창이나 새탭에서 열립니다.
_self target 속성의 기본 값으로 링크가 있는 화면에서 열립니다.
_parent 프레임을 사용한경우 부모 프레임에 표시됩니다.
_top 프레임을 벗어나 링크 내용을 전체화면에 표시합니다.

 

<a href="http://www.naver.com" target="_blank">네이버</a>

 

 

앵커는 한 페이지 내에서도 링크를 하고 각 태그로 이동되는 것을 말합니다. 

웹문서상의 내용이 길때 사용하면 편리할 것 같습니다.

 

문법은 <태그 id="앵커 이름"> 내용 </태그>

 

눌렀을 때 id로 매핑된 곳으로 이동 

<a href="#앵커 이름"> 내용 </a>

반응형

'웹 프로그래밍 기초' 카테고리의 다른 글

[CSS] 선택자  (0) 2020.06.15
<HTML5> 시맨틱 태그  (0) 2020.06.15
<HTML> <figure> , <figcaption> 태그  (0) 2020.06.12
HTML <link> tag  (0) 2020.05.29
[CSS]all , unset , box-shadow , IR기법  (0) 2020.05.07

댓글