[티스토리] html태그, link? href? rel? 바로알기!
목차
1. 혹시 틀린 부분이 있거나 잘못된 부분이 있을 시, 바로 수정.
2. 문제가 될 시, 즉시 삭제조치합니다.
3. 허위신고나 블로그에 지장을 주기위한 의도적인 댓글 및 공감, 신고는 즉시 차단합니다.
글 양식 및 사진, 영상 등 모든 콘텐츠의 무단복제를 금지합니다. copyright © 2024. kkoma. All rights reserved.
들어가며(전체 보기)
안녕하세요, 오늘은!!! 바로 티꾸용어! 티스토리 html용어 중에서
'rel' 용어에 대해서 알아보려고 합니다! html수정하면 꼭 보는 용어이죠!!
바로 갑니다!!
rel이 뭐야?
현재 문서와 연결된 외부 리소스 간의 관계를 정의한다.
?????????? 당최.... 무슨 소린지.............
이해 안 되고 어렵죠.......... 저도 그랬어요......................
이게 도대체가 무슨 말이고 뭘 하자는 건지 진짜 어려워요.
하지만!!!!! 그래도 알아야 티스토리 운영하는데 도움을 받을 수 있으니! 알아보자구욧!
쉽게 설명해 보자면, 현재 수정하고 있는 html과 연결된 외부 리소스 즉 업로드된 파일 간의 관계를 브라우저에게 알려주는 것입니다!
아직도 어려우실 거예요............ㅠ 외계어의 향여어어언~~~~ (크흑.................
더 쉽게 말씀드리면, 링크에 연결된 파일의 역할을 알려주는 태그로,
rel="stylesheet" href="style.css"
"style.css"라는 파일을 스타일 시트로 사용하겠다는 것을 의미하는 것입니다!
[style.css! 너는 스타일시트로 사용할거야!] 처럼 rel은 어떠한 역할을 알려주는 태그입니다!!
이해가 되셨나요? 아직 어려우시다구요? 밑에서 더 자세히 알려드릴게요!
rel 더 제대로 이해하기!
<link rel="stylesheet" href="./style.css">
태그네비게이션mini
link = HTML에서 외부 파일을 웹페이지에 연결할 때 사용하는 태그로 보통 스타일시트(CSS)나 아이콘 파일 등을 연결하는 데 사용된다.
rel = 연결된 파일의 역할을 알려준다. "rel="stylesheet"는 링크된 css파일이 스타일시트라는 것을 브라우저에게 알려주는 역할을 한다.
href = 연결된 파일의 위치(url)을 알려준다.
이 태그네비게이션을 토대로 위의 html코드를 해석해보면,
"이 링크에 연결된 css파일은 스타일시트입니다. 파일의 위치는 "./style.css"입니다." 라고 해석할 수 있습니다!
THE쉽게!!
이 링크(link)에 연결된 css파일(./style.css)은 스타일시트입니다(rel="stylesheet")
파일의 위치는(href=) "./style.css"입니다.
어떤가요? 위 코드에 삽입되어있는 태그들이 모두 들어가있죠!? 해석이 잘 되었습니다!! 히히!!!!!
이제 이해가 되셨나요??? 처음엔 어려웠는데 차츰차츰 하나씩 이해해보니 답이 나오네요! ((신기방기
마무리하며
이렇게 rel태그에 대해서 알아보았는데, 어려워도 천천히 하다보면 어느샌가 이렇게 직접 태그에 대해 적을 수 있을 정도로 이해가 되지 않을까요?? 저도 얼른 더 많이 태그를 알게되서 지금보다 티스토리 수정과
꾸미기가 더 쉬워졌으면 좋겠어요!!
최대한 쉽게 하겠다고 해봤는데 도움이 되었으면 좋겠네요~
오늘도 읽어주셔서 감사합니다!!!!! 편안한 하루 보내시길 바랄게요!😁🩷