습관적으로 HTML에서 사용하던 태그 중,
<link rel ="stylesheet" href="login.css"/>
여기서 rel, href 는 각각 무슨 의미이며 어떤 역할을 할까?
- rel: is short for relation. It specifies the relation between the tag and href.
즉, 연결하고자 하는 파일의 역할이나 특징을 의미한다. CSS 는 stylesheet이므로, rel ="stylesheet'
- href: stands for hypertext reference. It's the source of the file used by the tag.
연결하고자 하는 파일의 위치를 써주면 된다.
이 둘은 모두 external css file을 연결할 때도 쓰지만, anchor 인 <a> 태그에서 하이퍼링크를 달 때도 쓸 수 있다.
https://www.codecademy.com/forum_questions/502b9b6a90a71a000203c3da
What do 'link', 'rel', & 'href' stand for? | Codecademy
In connecting an external CSS file, you have to assign: `link`, `rel`, & `href`. I'm wondering if these are short for something. `p`, for instance, is a shortening of paragraph. `img` is for image. Both are intuitive in their abbreviated forms. `link` is a
www.codecademy.com
통상적으로 자주 사용하는 약어여도, 무슨 뜻인지 정확히 알고 학습하는게 훨씬 잘 와닿고 이해도도 높아진다!
모르면 그냥 대충 이런거겠지~ 넘어가지 말고 구글링 꼭 꼭 하자는 의미에서 이 글 남겨둠ㅎㅎ
'Web dev > HTML, CSS' 카테고리의 다른 글
| Tailwind CSS 프로젝트에 도입하기 (특징 / 설치) (0) | 2023.07.01 |
|---|---|
| CDD / CSS in JS / Styled Components (0) | 2023.01.03 |
| HTML, CSS 02 계산기 목업 만들기를 위한 CSS 속성을 알아보자_02 (0) | 2022.10.31 |
| HTML, CSS 02 계산기 목업 만들기를 위한 CSS 속성을 알아보자_01 (0) | 2022.10.30 |
