HTML - META, LINK, STYLE, SCRIPT

META (웹 페이지의 정보)

   : HTML 문서에 관한 정보(표시 방식, 제작자, 내용, 키워드 등)를 검색엔진이나 브라우저에 제공 

 

 - 사용하는 속성 

속성	의미	값
charset	문자 인코딩 방식	UTF-8, EUC-KR 등
name	검색엔진 등에 제공하기 위한 정보의 종류	author, description, keywords, viewport 등
content	name 이나 http-equiv 속성의 값을 제공

 

LINK (CSS 불러오기)

   : 외부 문서를 연결할 때 사용 / HTML 외부에서 작성된 CSS 문서(xxx.css 파일)를 불러와 연결할 때 사용 

 

 - 사용하는 속성

속성	의미	값
rel	*필수* 현재 문서와 외부 문서와의 관계를 지정	stylesheet, icon 등
href	외부 문서의 위치를 지정	경로

 

 

STYLE (CSS 작성하기)

   : CSS를 외부 문서에서 작성하여 연결하는 것이 아니고, HTML 문서 내부에 작성할 때 사용

 

 

SCRIPT (JS 불러오거나 작성하기)

   : 1) HTML 문서에서 CSS는 작성된 CSS를 <link>로 불러오기

     2) <style></style>안에 작성하기

     => JS는 <script></script>를 사용하여  1)과 2) 모두 사용 가능 

// 1) 불러오기 
<script src=".js/main.js"></script>

// 2) 작성하기
<script>
  function windowOnclickHandler(event) {
    console.log(event);
  }
  window.addEventListener('click', windowOnclickHandler);
</script>