Dreamweaver에서 태그 라이브러리, 태그, 속성 및 속성 값을 추가, 수정 및 삭제합니다. 태그 라이브러리의 속성을 설정합니다.

Dreamweaver의 태그 라이브러리는 Dreamweaver에서 태그의 서식을 지정하는 방법에 대한 정보가 포함되어 있는 특정 유형의 태그 모음입니다. 태그 라이브러리는 Dreamweaver에서 코드 힌트, 대상 브라우저 확인, 태그 선택기, 기타 코드 작성 기능 등에 사용하는 태그에 대한 정보를 제공합니다. 태그 라이브러리 편집기를 사용하여 태그 라이브러리, 태그, 속성 및 속성 값을 추가하고 삭제할 수 있습니다. 또한 코드에서의 용이한 식별을 위한 포맷과 같은 태그 라이브러리 속성을 설정하고, 태그 및 속성을 편집할 수 있습니다.

태그 라이브러리 편집기 열기 및 닫기

  1. [도구] > [태그 라이브러리]를 선택하여 태그 라이브러리 편집기를 엽니다.

    [태그 라이브러리 편집기] 대화 상자가 나타납니다. 이 대화 상자의 옵션은 선택한 태그에 따라 달라집니다.

  2. 다음 중 한 가지 방법으로 [태그 라이브러리 편집기]를 닫습니다.
    • 변경 내용을 저장하려면 [확인]을 클릭합니다.

    • 변경 내용을 저장하지 않고 편집기를 닫으려면 [취소]를 클릭합니다.

    참고:

    [취소]를 클릭하면 [태그 라이브러리 편집기]에서 변경한 내용이 모두 취소됩니다. 삭제한 태그나 태그 라이브러리는 복원됩니다.

라이브러리, 태그 및 속성 추가

[태그 라이브러리 편집기]를 사용하여 태그 라이브러리, 태그 및 속성을 Dreamweaver의 태그 라이브러리에 추가할 수 있습니다.

태그 라이브러리 추가

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)에서 플러스(+) 버튼을 클릭하고 [새 태그 라이브러리]를 선택합니다.

  2. [라이브러리 이름] 상자에 이름(예: Miscellaneous Tags)을 입력한 다음 [확인]을 클릭합니다.

태그 라이브러리에 태그 추가

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)에서 플러스(+) 버튼을 클릭하고 [새 태그]를 선택합니다.

  2. [태그 라이브러리] 팝업 메뉴를 선택하고 태그 라이브러리를 선택합니다.
  3. 새 태그의 이름을 입력합니다. 둘 이상의 태그를 추가하려면 태그의 이름을 쉼표와 공백으로 구분합니다(예:cfgraph, cfgraphdata).
  4. 새 태그에 상응하는 종료 태그(</...>)가 있으면 [일치하는 종료 태그가 있음]을 선택합니다.
  5. [확인]을 클릭합니다.

태그에 속성 추가

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)에서 플러스(+) 버튼을 클릭하고 [새 속성]을 선택합니다.

  2. [태그 라이브러리] 팝업 메뉴에서 태그 라이브러리를 선택합니다.
  3. [태그] 팝업 메뉴에서 태그를 선택합니다.
  4. 새 속성의 이름을 입력합니다. 둘 이상의 속성을 추가하려면 속성의 이름을 쉼표와 공백으로 구분합니다(예: width, height).
  5. [확인]을 클릭합니다.

라이브러리, 태그 및 속성 편집

태그 라이브러리 편집기를 사용하여 태그 라이브러리의 속성을 설정하고 라이브러리의 태그와 속성을 편집합니다.

태그 라이브러리의 속성 설정

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)의 태그 목록에서 태그가 아닌 태그 라이브러리를 선택합니다.

    참고:

    태그 라이브러리의 속성은 태그 라이브러리가 선택된 경우에만 나타납니다. 태그 라이브러리는 태그 목록에서 최상위 폴더로 표시됩니다. 예를 들어 HTML 태그 폴더는 태그 라이브러리를 나타내지만 HTML 태그 폴더 내의 abbr 폴더는 태그를 나타냅니다.

  2. [사용 위치] 목록에서 태그 라이브러리가 사용될 모든 문서 유형을 선택합니다.

    여기에서 선택한 문서 유형에 따라 지정한 태그 라이브러리의 코드 힌트가 제공될 문서 유형이 결정됩니다. 예를 들어 지정한 태그 라이브러리에 대해 HTML 옵션이 선택되지 않은 경우 HTML 파일에서는 해당 태그 라이브러리의 코드 힌트가 나타나지 않습니다.

  3. (선택 사항) [태그 접두어] 상자에 태그의 접두어를 입력합니다.

    참고:

    접두어는 코드에서 태그를 특정 태그 라이브러리의 일부로 식별하는 데 사용됩니다. 일부 태그 라이브러리는 접두어를 사용하지 않습니다.

  4. [확인]을 클릭합니다.

태그 라이브러리의 태그 편집

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)의 태그 목록에서 태그 라이브러리를 확장한 다음 태그를 선택합니다.

  2. 다음 태그 서식 옵션 중 하나를 설정합니다.

    행 분리

    Dreamweaver에서 태그의 행 분리가 삽입되는 위치를 지정합니다.

    내용

    Dreamweaver에서 태그 내용을 삽입하는 방식 즉, 태그 내용에 행 분리, 서식 지정 및 들여쓰기 규칙 등을 적용할지 여부를 지정합니다.

    대/소문자

    특정 태그의 대/소문자를 지정합니다. [기본값], [소문자], [대문자] 또는 [대/소문자 혼합] 중에서 선택합니다. [대/소문자 혼합]을 선택하면 [태그 이름 대/소문자 혼합] 대화 상자가 나타납니다. 태그를 삽입할 때 Dreamweaver에서 사용하는 대/소문자에 맞게 태그를 입력(예: getProperty))한 다음 [확인]을 클릭합니다.

    기본값 설정

    모든 태그에 기본적으로 적용할 대/소문자를 설정합니다. 이때 나타나는 [기본 태그 대/소문자] 대화 상자에서 <대문자> 또는 <소문자>를 선택하고 [확인]을 클릭합니다.

    참고:

    XML 및 XHTML 표준과의 호환성을 고려한다면 기본 대/소문자를 소문자로 설정하는 것이 좋습니다.

태그의 속성 편집

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)의 태그 상자에서 태그를 확장한 다음 태그 속성을 선택합니다.

  2. 속성 대/소문자 팝업 메뉴에서 [기본값], [소문자], [대문자] 또는 [대/소문자 혼합]을 선택합니다.

    [대/소문자 혼합]을 선택하면 [속성 이름 대/소문자 혼합] 대화 상자가 나타납니다. 속성을 삽입할 때 Dreamweaver에서 사용하는 대/소문자에 맞게 속성을 입력(예: onClick)한 다음 [확인]을 클릭합니다.

    모든 속성의 기본 대/소문자를 설정하려면 [기본값 설정] 링크를 클릭합니다.

  3. [속성 형식] 팝업 메뉴에서 속성 형식을 선택합니다.

    [열거형]을 선택한 경우에는 [값] 상자에 속성에 사용할 수 있는 모든 값을 입력합니다. 각 값을 공백이 아닌 쉼표로 구분해야 합니다. 예를 들어 cfchart 태그의 showborder 속성의 열거형 값은 yes,no와 같이 나열됩니다.

라이브러리, 태그 및 속성 삭제

  1. 태그 라이브러리 편집기(도구 > 태그 라이브러리)의 태그 상자에서 태그 라이브러리, 태그 또는 속성을 선택합니다.

  2. 마이너스(-) 버튼을 클릭합니다.
  3. [확인]을 클릭하면 항목이 완전히 삭제됩니다.

    [태그] 상자에서 해당 항목이 제거됩니다.

  4. [확인]을 클릭하여 [태그 라이브러리 편집기]를 닫고 삭제 작업을 마칩니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책