DAY7) 메타데이터 - 정의

<!DOCTYPE html>
<html lang="ko">
  <head>
    문서의 정보
  </head>
  <body>
    문서의 구조
  </body>
</html>
<!DOCTYPE html>
<html lang="ko">
  <head>
    -기타 정보
    -HTML 문서의 제목
    -스타일 직접 입력
    -스타일 외부에서 가져와서 연결
  </head>
  <body>
    문서의 구조
  </body>
</html>
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8"> 
    <title>HTML 요소 레퍼런스</title>
    -스타일 직접 입력
    -스타일 외부에서 가져와서 연결
  </head>
  <body>
    문서의 구조
  </body>
</html>
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8"> 
    <title>HTML 요소 레퍼런스</title>
    <meta name="author" content="박영웅">
    <meta name="description" content="박영웅의 사이트 입니다!">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    -스타일 외부에서 가져와서 연결
  </head>
  <body>
    문서의 구조
  </body>
</html>
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8"> 
    <title>HTML 요소 레퍼런스</title>
    <meta name="author" content="박영웅">
    <meta name="description" content="박영웅의 사이트 입니다!">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./main.css">
  </head>
  <body>
    문서의 구조
  </body>
</html>

META

;전역 속성

Cahrset
페이지의 문자 인코딩을 선언
ex)

 <meta charset="UTF-8"> 

Content
name의 속성 중 어떤 것이 사용되느냐에 따라 해당 속성의 값을 가짐

http-equiv
이 속성의 값으로 서버나 사용자 에이전트의 작동방식을 변경할 수 있는 지시를 정의할수 있다.
지시 값은 content 속성 안에 정의한다.

name
문서 레벨의 메타데이터의 이름을 정의한다.
ex)
author ;문서의 작성자를 정의
description ;짧과 정확한 요약을 담음

HTML
Link
;현재 문서와 외부 리소스와의 관계를 명시함
;빈태그

href
;링크된 리소스의 url을 나타냄
./

rel
;링크된 문서와 현재 문서와의 관계를 명명함
-> stylesheet

좋은 웹페이지 즐겨찾기