MARK UP/HTML

head에 들어가는 태그(title, link, style, script) (#18)

두비_ 2020. 11. 18. 11:58
반응형

title, link, style & script는 정말 많이 쓰고 html 문서를 만들 때 거의 무조건 사용됩니다

<title>html문서의 대 제목</title>

인터넷 탭에 들어갑니다

지구 모양 대신 다른 이미지도 사용가능합니다 아래 값에서 href 주소만 변경하면됩니다

절대경로, 상대경로 모두 가능합니다 *절대경로,상대경로 뜻 2020/11/10 - [개발은 처음이라] - image 태그(#10)

<link href="이미지주소" rel="shortcut icon" type="image/x-icon">

link

css 스타일시트에 첨부하는 태그입니다 link:css를 입력하면 자동으로 링크가 생성됩니다

폰트도 링크 태그에서 사용됩니다 

https://spoqa.github.io/spoqa-han-sans/ko-KR/

 

Spoqa Han Sans

Spoqa unveil the new version of Spoqa Han Sans, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 두 번째 버전을 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハ

spoqa.github.io

 

http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css

여기 링크를 들어가면 아래에 폰트 주소가 적혀져있습니다

코드는 이렇게 사용하면 됩니다

<link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'>

style

<style>/*css코드*/</style>

html 문서안에 style 태그를 사용하는건 좋지 않습니다 그 이유는 css 에서 작성 후 html문서와 연결을 시켰는데 style 태그에서 작업을 하게되면 기존에 css에서 작업한 태그는 묻혀버리게됩니다 그러므로 아주 특수한 상황이 아니면 되도록이면 쓰지 않는게 좋습니다


html 문서 내에 javascript 파일을 연결시킬 떄 사용됩니다

<script src="경로"></script>