레이아웃(Layout)
CSS 레이아웃
점선 테이블1
점선 테이블2
메타(Meta)
이미지맵(image map)
아이프레임(iframe)
입력양식(form)
텍스트 필드(Text Field)
패스워드(Password Field)
텍스트에어리어(textarea)
셀렉트박스(select)
체크박스(Check Box)
라디오버튼(Radio Button)
리셋버튼(Reset Button)
전송버튼(Submit Button)
이미지 버튼(Image Type)
파일(File Form Control)
히든 필드(Hidden Field)
label
autocomplete
배경음악
필드셋(Fieldset)
마퀴(Marquee)
HTML과 XHTML
오브젝트(Object)
메타(Meta) 태그

<meta>태그는 HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다.

<meta>태그는 문서의 헤더부분(<head>와</head> 사이)에 위치하여야 합니다.

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

<meta name="subject" content="홈짱닷컴 메타태그(Meta tag) 강좌">
<meta name="title" content="메타 태그(Meta tag)">
<meta name="author" content="homejjang">
<meta name="keywords" content="meta태그, HTML, 홈페이지제작">

name 속성값으로는 subject, title, author, keywords 등이 있습니다.

검색엔진에게 문서의 내용을 요약해 주는 역할을 담당한다고 할 수 있습니다.

그럼 name 속성값으로 keywords를 지정하고, content에 "meta태그, HTML, 홈페이지제작" 이라고 지정했으니 검색엔진에서 홈페이지 제작이라고 입력하면 이 페이지가 상단에 나올까요?

검색엔진이 <meta>태그를 수집하여 참고는 합니다만 이를 상업적으로 활용하는 홈페이지가 너무 많기 때문에 그 효과는 불분명한 실정입니다.

<meta>태그는 위와같이 검색엔진에게 정보를 전달할 뿐 아니라 웹 브라우저에게도 정보를 전달하는 역할을 합니다.

웹 브라우저에게 정보를 전달하는 대표적인 경우는 아래와 같이 2가지를 생각할 수 있습니다.

<meta http-equiv="refresh" content="5;url=http://www.homejjang.com/">

홈페이지의 주소가 바뀌었을 경우에 사용하는 태그로 5초뒤에 url 속성값으로 지정한 페이지로 이동한다는 의미입니다.

이렇게 이동하는 것은 하이퍼링크를 눌러서 이동하는거와는 다른 의미를 갖습니다.

하이퍼링크를 누른다는것은 한 페이지를 읽고 있다가 다른 페이지로 이동한다는 의미이지만, <meta> 태그를 이용한 페이지 이동은 http-equiv 속성값을 지정된거와 같이 refresh 한다는 의미입니다.

즉 위와 같은 <meta>태그가 입력된 페이지는 읽지 않은걸로 인식하겠다는 의미입니다.

그리고 한글로 작성된 홈페이지라는것을 웹 브라우저에게 알리기 위해서는 아래와 같이 <meta>태그를 지정해 줍니다.

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

이렇듯 웹 브라우저에게 정보를 전달하기 위한 <meta>태그는 http-equiv 라는 속성을 사용합니다.

Copyright © Homejjang.com All rights reserved.