신나yo-TechBlog

<a> ... </a> : 하이퍼링크/링크 (+디폴트값이란?) 본문

TIL: theory/HTML & CSS

<a> ... </a> : 하이퍼링크/링크 (+디폴트값이란?)

신나yo 2021. 2. 22. 09:00
728x90

a태그는 하이퍼링크 즉, 다른 페이지로의 연결(링크)에 사용한다.


a의 속성 중에서 가장 중요한 것은 href인데, 이는 링크의 목적지(url)을 명시하는 속성이다. 따라서, href와 꼭 함께 써야 한다!

아래 예시는 생활코딩html강의(링크) 수강 중 실습한 내용이다.

<h2>오늘의 명언</h2>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.
(<a href="https://ko.wikipedia.org/wiki/%EB%8F%84%EB%84%90%EB%93%9C_%EC%BB%A4%EB%88%84%EC%8A%A4" target="_blank">도널드 커누스</a>)

 

위 예시 외의 학습 내용은 w3schools의 <a>tag 설명페이지(링크)를 참고했다.


아래 표는 a태그의 속성들을 정리한 것이다.

속성이름 속성 값 실행 기능
href URL 링크될 페이지를 지정(구체화 한다)
target ((표 아래에 보충 설명)) 링크된 문서를 어디에 띄울 것인지 지정
download 파일명 링크 클릭 시, 지정한 파일을 다운로드
hreflang language_code (언어 코드) 링크된 문서의 언어를 지정

target 속성값에 관하여 아래 표에 정리했다. 이 외에도 parent, top, framename이라는 속성값이 있지만, 당장 쓸 일이 없어서 일단 넘어간다.

target과 속성값 작성 예시 실행 기능
target="_blank" 새 창에 링크된 페이지를 띄운다
target="_self" '현재 페이지'에서 띄운다. (디폴트 값)

 

디폴트(defalt)란?

'달리 손 쓰지 않으면 자동적으로, 자연스럽게'라는 뜻이다. 즉, 별다른 지시사항이 없을 경우, 자동적으로 실행되는 값을 '디폴트 값'이라고 하는 것이다.

더보기

일상 속 예를 들면, 섭씨 30도가 넘어가는 날씨에 야외카페에서 "아메리카노 주세요"라는 주문을 하면, 바리스타는 디폴트 값으로 아아(iced coffee)를 주겠지.


*하이퍼링크의 종류로 딥링크, 단순링크, 임베드와 프레이밍 링크가 있는데, 이 중 단순/딥링크를 활용하는 것이 저작권 존중하는 행동이라는 정보를 나무위키에서 접했다. 이 이슈를 보다 자세히 이해하고 싶어서 신뢰성 있는 자료를 찾아보는 중이다. 이 점에 대해 추가 학습 후 기록 예정.

**링크가 연결되어 있는 텍스트의 색상에 관한 디폴트값 설명 부분은 생략했다. 훗날, 필요성이 생기면 해당 내용 학습 추가 예정.

728x90
Comments