<meta>태그, HTML문서의 요약 정보 제공, <meta> 태그를 이용한 페이지 이동, 한글로 작성된 홈페이지라는 정보 표시

CODEDRAGON Development/Web, WWW

반응형


 

 

<meta>태그

·       HTML 문서 자체의 다양한 정보를 담고 있는 태그입니다.

·       HTML 문서의 헤더부분(<head></head> 사이)에 위치합니다.

·       <meta>태그에서 가장 일반적으로 사용되는 속성은 name, content 속성입니다.

·       name 속성값으로는 subject, title, author, keywords 등으로 검색엔진에게 문서 내용의 요약정보를 제공하는 역할을 합니다.

 

 

 

HTML문서의 요약 정보 제공

<meta charset="UTF-8">

<meta name="subject" content="HTML 구조">

<meta name="title" content="메타 태그(Meta tag)">

<meta name="author" content="codedragon">

<meta name="keywords" content="HTML, meta태그, 구조, 홈페이지제작">

<meta name="subject" content="HTML5 태그 강의">

<meta name="title" content="HTML5 강의">

<meta name="author" content="아몰랑">

<meta name="keywords" content="HTML, CSS, 홈페이지">

 

 

<meta> 태그를 이용한 페이지 이동

·       홈페이지의 주소가 바뀌었을 경우에 많이 사용하는 태그

·       설정한 초 뒤에 url 속성값으로 지정한 페이지로 자동으로 이동하게 됩니다.

 

<meta http-equiv="refresh" content="7;url=http://codedragon.tistory.com/">

 

 

 

한글로 작성된 홈페이지라는 정보 표시

HTML 문서가 저장될 때 사용된 문자셋에 대한 정보 charset 속성을 이용하여 명시합니다.

HTML 문서가 해당 문자셋을 사용하여 저장되었음을 웹 브라우저에 알려주게 됩니다.

<meta http-equiv="content-type" content="text/html; charset=euc-kr">

<meta http-equiv="content-type" content="text/html;charset=UTF-8">

<meta charset="UTF-8">

 

종류

설명

ASCII

가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있습니다.

ANSI

윈도우즈에서 만든 문자셋으로, 256개의 문자 코드를 지원합니다.

EUC-KR

한글 문자를 표현할 수 있는 문자셋입니다.

ISO-8859-1

256개의 문자 코드를 지원하는 HTML4의 기본 문자셋입니다.

UTF-8

세상에 있는 거의 모든 문자를 표현할 수 있는 유니코드 문자를 지원하는 HTML5의 기본 문자셋입니다.

 

     

반응형