Dreamweaver에서 태그 라이브러리 사용

마지막 업데이트 날짜 2021년 4월 27일

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

Dreamweaver에서 태그 라이브러리는 특정 유형의 태그 모음과 Dreamweaver가 태그의 형식을 지정하는 방법에 대한 정보입니다. 태그 라이브러리는 Dreamweaver가 코드 힌트, 대상 브라우저 검사, 태그 선택기 및 기타 코딩 기능에 사용하는 태그에 대한 정보를 제공합니다. 태그 라이브러리 편집기를 사용하여 태그 라이브러리, 태그, 속성 및 속성 값을 추가 및 삭제하고, 태그 라이브러리의 속성(코드에서 쉽게 식별할 수 있도록 하는 형식 포함)을 설정하며, 태그와 속성을 편집할 수 있습니다.

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

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

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

다음 중 하나의 방법으로 태그 라이브러리 편집기를 닫으십시오:
  • 변경 내용을 저장하려면 [확인]을 클릭합니다.

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

메모

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

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

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

태그 라이브러리 추가

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

라이브러리 이름 상자에 이름(예: 기타 태그)을 입력하고 [확인]을 클릭합니다.

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

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

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

태그에 속성 추가

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

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

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

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

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

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

메모

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

사용 대상 목록에서 태그 라이브러리를 사용해야 하는 모든 문서 유형을 선택합니다.

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

(선택 사항) 태그 접두사 상자에 태그의 접두사를 입력합니다.
메모

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

[확인]을 클릭합니다.

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

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

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

행 분리

Dreamweaver가 태그에 줄 바꿈을 삽입하는 위치를 지정합니다.

내용

Dreamweaver가 태그의 콘텐츠를 삽입하는 방법, 즉 콘텐츠에 줄 바꿈, 서식 지정 및 들여쓰기 규칙을 적용하는지 여부를 지정합니다.

대/소문자

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

기본값 설정

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

메모

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

태그의 속성 편집

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

속성 대소문자 팝업 메뉴에서 기본값, 소문자, 대문자 또는 대소문자 혼용 옵션을 선택합니다.

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

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

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

[열거형]을 선택하는 경우 [값] 상자에 속성에 대해 허용되는 모든 값을 입력합니다. 값을 쉼표로 구분하되 공백은 사용하지 않습니다. 예를 들어, cfchart 태그의 showborder 속성에 대한 열거형 값은 yes,no로 나열됩니다.

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

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

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

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

[확인]을 클릭하여 태그 라이브러리 편집기를 닫고 삭제를 완료합니다.