TIL 1. HTML - link와 a 차이점

Byoungju Park·2021년 5월 28일
0
post-thumbnail

html과 css를 이용한 자기소개 홈페이지 만들기를 진행 중이다.
우선 구글검색과 기업 홈페이지들의 태그를 참조하며 html로 뼈대를 만들고 있다.
보통 css파일은 link태그로 연결하였고, 메뉴 각각은 a태그로 연결한 것을 발견했다.
연결해주는 기능을 가진 link태그와 a태그의 차이점이 무엇인지 궁금해졌다.


차이점

link 태그는 해당파일과 외부문서를 연결해준다. rel속성을 통해 연결관계를 설정할 수 있다.
a 태그는 외부문서나 웹사이트를 연결해주고, 클릭할 때 연결된 경로로 이동시켜준다.


css파일을 연결할 때에는 link 태그를 사용하였다.
아래 코드의 의미는 스타일시트로써 이 문서를 불러오겠다는 뜻이다.

<link rel="stylesheet">

반면, 메뉴 각각을 연결할 때에는 a 태그를 사용하였다. 메뉴를 클릭했을때 다른 사이트로 이동시켜야 하기 때문에 a 태그가 적합하다.

<a href="index.html">HOME</a>
profile
wanna be good programmer

0개의 댓글