'M로시작하는 HTML태그'에 해당되는 글 1건

  1. 2010.04.04 HTML태그(Tag) - M로시작하는 태그

HTML태그(Tag) - M로시작하는 태그

HTML태그 2010. 4. 4. 10:58

 

<MAP>

MAP 요소는 클라이언트 사이드 이미지맵을 선언할 때 사용합니다. 이미지맵이란 하나의 이미지를 여러 영역으로 나누어 각각의 영역에 서로 다른 하이퍼링크를 지정한 것을 말합니다.

구문: <MAP>...</MAP>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
name CDATA 이미지맵의 이름을 지정합니다. 여기서 지정한 이름은 IMG, OBJECT 요소 usemap 속성의 앵커로 사용됩니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <P><IMG src="images/hand.gif" width="173" height="99" border="0" 
usemap="#ImageMap1"></P>
<MAP name="ImageMap1">
<AREA shape="rect" coords="8, 10, 86, 93" href="http://www.namo.co.kr" 
alt="나모 인터랙티브 한글 사이트">
<AREA shape="rect" coords="88, 12, 168, 94" href="http://www.namo.com" 
alt="나모 인터랙티브 영문 사이트">
</MAP>
MAP 요소는 하나 이상의 AREA 요소를 정의할 수 있습니다. AREA 요소는 이미지에서 핫존 영역의 좌표값을 지정합니다.

나모 인터랙티브 한글 사이트나모 인터랙티브 영문 사이트

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML 3.2

참고

  • HTML 4.01에서는 MAP 요소의 기능이 확장되어 AREA 요소만이 아닌 하나 이상의 블록 요소(Block Element)를 가질 수 있습니다.

 

<MENU>

MENU 요소는 메뉴 리스트(Menu List)를 정의할 때 사용합니다. 실제 리스트 항목을 정의하는 LI 요소가 하나 이상 포함되어야 합니다.

구문: <MENU>...</MENU>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
compact compact 항목을 간단하게 표시합니다. 웹 브라우저에서는 차이가 없습니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<MENU>
<LI>첫 번째 메뉴입니다.
<LI>두 번째 메뉴입니다.
</MENU>
MENU 요소는 메뉴 리스트(Menu List)를 선언할 때 사용하며, 리스트의 실제 항목은 LI 요소로 기술합니다. type 속성을 사용할 수 없는 점을 제외하고는 UL 요소와 동일합니다.
  • 첫 번째 메뉴입니다.
  • 두 번째 메뉴입니다.

    • 지원 브라우저/HTML 버전

    이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

    IE all, NN all, HTML all

    참고

    • HTML 4.01에서는 MENU 요소 대신 UL 요소를 사용할 것을 권장합니다.

     

    <META>

    META 요소는 문서의 핵심어, 설명, 저자 등 메타 정보를 제공할 때 사용합니다. 여러 개의 META 요소가 HEAD 요소 내에 포함될 수 있습니다.

    구문: <META>

    닫는 태그: 없음

    속성

    볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

    속성 값 내용
    content CDATA name 속성에 짝을 이루며 대응하는 정보를 지정합니다. 정보를 보낼 때 변수의 값에 해당됩니다.
    http-equiv Name HTTP 헤더임을 나타내기 위해 name 속성을 대신하여 사용됩니다. 웹 서버에 정보를 보낼 때 변수의 이름으로 사용됩니다.
    name Name 변수의 이름을 지정합니다. name 속성값과 content 속성값이 한 쌍의 숨은 정보로 사용됩니다.
    scheme CDATA 분류 기준을 추가할 때 사용합니다.

    예제

    예제 1
    <META name="author" content="메타 데이터"> 
<META name="description" content="HTML 4.01의 META 요소에 대한 설명입니다.">
<META name="keywords" content="메타, 메타데이터, 메타 데이터, meta, meta data">
    위 예제는 문서의 저자, 설명, 핵심어를 정의한 것입니다. 일부 검색 엔진은 keywords로 지정된 내용을 이용하여 문서를 인덱스하고 description으로 기술된 내용을 문서의 링크와 함께 검색 결과로 내보냅니다.

    예제 2
    <META http-equiv="Expires" content="Sun, 22 Mar 1998 16:18:35 GMT">
<META http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
    META 요소를 이용하여 문서의 기한을 설정한 예제입니다. 스크립트를 삽입하기 위해 스크립트 언어를 자바 스크립트로 지정하고, 인라인 스타일을 삽입하기 위해 스타일 언어를 CSS로 지정하였습니다.

    예제 3
    <META http-equiv="Refresh" content="10; http://www.namo.com/">
    웹 브라우저가 현재 문서를 읽어들인 다음, 10초 뒤에 "http://www.namo.com"을 읽게 합니다.

    예제 4
    <META name="generator" content="나모 웹에디터 6.0" />
    HTML 저작 도구를 사용하면 위 예제와 같이 META 태그가 추가되기도 합니다.

    지원 브라우저/HTML 버전

    이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

    IE all, NN all, HTML 3.2

    참고

    • 메타 정보는 표준이 되는 목록이 없습니다. 따라서 저자가 원하는 어떤 정보도 META 요소를 이용하여 정의할 수 있습니다.


    ※ 출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,
    1
    굿프랜

    태그목록

    티스토리툴바