| 메타(Meta) 태그 | ||
|
<meta>태그는 HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, <meta>태그는 문서의 헤더부분(<head>와</head> 사이)에 위치하여야 합니다. <meta>태그에서 가장 일반적으로 사용되는 속성은 name, content 속성입니다.
name 속성값으로는 subject, title, author, keywords 등이 있습니다. 검색엔진에게 문서의 내용을 요약해 주는 역할을 담당한다고 할 수 있습니다. 그럼 name 속성값으로 keywords를 지정하고, 검색엔진이 <meta>태그를 수집하여 참고는 합니다만 | ||
|
<meta>태그는 위와같이 검색엔진에게 정보를 전달할 뿐 아니라 웹 브라우저에게도 정보를 전달하는 역할을 합니다. 웹 브라우저에게 정보를 전달하는 대표적인 경우는 아래와 같이 2가지를 생각할 수 있습니다.
홈페이지의 주소가 바뀌었을 경우에 사용하는 태그로 5초뒤에 url 속성값으로 지정한 페이지로 이동한다는 의미입니다. 이렇게 이동하는 것은 하이퍼링크를 눌러서 이동하는거와는 다른 의미를 갖습니다. 하이퍼링크를 누른다는것은 한 페이지를 읽고 있다가 다른 페이지로 이동한다는 의미이지만, 즉 위와 같은 <meta>태그가 입력된 페이지는 읽지 않은걸로 인식하겠다는 의미입니다. 그리고 한글로 작성된 홈페이지라는것을 웹 브라우저에게 알리기 위해서는 아래와 같이 <meta>태그를 지정해 줍니다.
이렇듯 웹 브라우저에게 정보를 전달하기 위한 <meta>태그는 http-equiv 라는 속성을 사용합니다. |
| 이미지맵(image map) | |||||||||
|
이미지맵은 하나의 이미지에 여러개의 링크를 걸때 사용합니다. 이미지맵을 사용하면 HTML 소스가 간단해 지는 장점이 있습니다.
먼저 이미지맵을 적용할 이미지에 usemap 속성을 사용하여 이미지맵의 이름을 지정해 주어야 합니다.
001이라는 이름을 가진 이미지맵을 사용하겠다는 의미이니다. 이때 #을 사용함에 주의를 기울여야 합니다. 그리고 나서는 <map>태그를 사용하여 이미지맵을 만듭니다.
이미지맵에서 하이퍼링크의 영역을 지정하기 위해서 <area>태그를 사용합니다. <area>태그의 shape속성은 이미지맵의 형태를 지정합니다. coords속성은 좌표값을 지정합니다. 이미지의 왼쪽 모서리를 기준으로 하이퍼링크 영역의 시작과 끝 부분을 지정합니다. 이 coords속성값을 지정하기가 까다롭습니다. | |||||||||
|
아주 쉽게 이미지맵을 생성할 수 있습니다. 그러나 텍스트 에디터를 사용하는 경우 이 부분이 불편합니다. 그러므로 이미지맵을 생성하는 프로그램을 이용하면
|
'Web Development > HTML / CSS' 카테고리의 다른 글
| [Html 完] 배경음악,필드셋(Fieldset),마퀴(Marquee),HTML과 XHTML,오브젝트(Object) 에 대해서 (0) | 2009.06.05 |
|---|---|
| [Html] 입력양식(form)에 대해서 (0) | 2009.06.05 |
| [Html] 레이아웃(Layout) 에 대해서 (0) | 2009.06.05 |
| [Html] 프레임(frame) 과 리스트(List) 에 대해서 (0) | 2009.06.05 |
| [Html] 배경(background) 과 테이블(table)에 대해서 (0) | 2009.06.05 |