태그별 옵션

업데이트: 2007년 11월

태그별 옵션 대화 상자를 사용하여 HTML 디자이너에서 개별 태그에 대해 태그의 서식을 지정하는 방법을 사용자 지정할 수 있습니다. 옵션 대화 상자, 텍스트 편집기, HTML, 서식을 사용하여 모든 태그에 대한 일반적인 서식 옵션을 설정할 수 있습니다.

태그별 옵션 대화 상자에서 지정한 설정은 다음과 같은 경우에 사용됩니다.

  • 컨트롤을 도구 상자에서 페이지로 끌어다 놓는 경우

  • Microsoft IntelliSense 기능을 사용하여 소스 뷰에서 태그를 만드는 경우

  • 표 삽입 대화 상자와 같은 대화 상자를 사용하여 태그를 생성하는 경우

  • 편집 메뉴에서 문서 서식 또는 선택 영역 서식 명령을 선택하여 선택 영역이나 문서의 서식을 수동으로 다시 지정하는 경우

특정 태그를 자주 사용하고 편집기에서 이러한 태그의 서식이 지정되는 방법을 사용자 지정하려는 경우에는 태그별 옵션을 설정하는 것이 유용합니다. 태그별 서식 지정을 사용하면 다음 태그 옵션을 설정할 수 있습니다.

  • 클로저(예: 닫지 않음, 자체 종료 또는 별도의 닫는 태그 사용)

  • 줄 바꿈

  • 들여쓰기

  • 개요

    참고:

    사용자가 지정하는 태그별 서식 규칙보다 HTML 편집기에서 태그 렌더링을 변경하지 않는다는 규칙이 우선할 수 있습니다. 태그 서식 규칙에서 태그가 렌더링되는 방법을 변경하는 경우에 해당 규칙은 무시됩니다.

태그별 옵션 대화 상자에 액세스하려면

  1. 도구 메뉴에서 옵션을 클릭합니다.

    옵션 대화 상자가 표시됩니다.

  2. 개발 환경이 웹 개발 설정으로 지정된 경우 모든 설정 표시 확인란을 선택합니다.

    자세한 내용은 Visual Studio 설정을 참조하십시오.

  3. 텍스트 편집기 노드를 확장하고 HTML 노드를 확장한 다음 서식을 클릭합니다.

  4. 태그별 옵션을 클릭합니다.

    태그별 옵션 대화 상자가 나타납니다.

작업

참고:

HTML 태그에 대한 개요는 코드 편집기의 코드 개요와 동일한 규칙을 따릅니다.

기본 서식

태그별 서식 지정은 각 태그에 대한 기본 설정이 있는 모델에 사용할 수 있습니다. 이러한 기본 설정은 태그의 서식을 지정하는 데 사용하는 기본 규칙을 제공합니다. 다음과 같은 네 가지 범주의 태그가 있습니다.

  • br /와 같이 내용을 지원하지 않는 클라이언트 태그

  • table 또는 h1과 같이 내용을 지원하는 클라이언트 태그

  • asp:CheckBox와 같이 내용을 지원하지 않는 서버 태그

  • asp:Repeater와 같이 내용을 지원하는 서버 태그

각 태그에는 해당 태그에 대해 재정의할 값이 지정되어 있지 않은 한 앞의 목록에 있는 범주 중 알맞은 범주의 값이 사용됩니다. 기본적으로 일반적인 태그 사용법에 따라 몇 가지 재정의가 제공됩니다.

UI 요소

  • 트리 뷰
    서식을 지정할 개별 태그나 태그 클래스를 선택할 수 있는 트리 뷰를 표시합니다. 기본적으로 트리에는 다음 노드가 포함되어 있습니다.

    • 기본 설정

      내용을 지원하는 모든 서버 태그와 같은 전체 태그 클래스에 대한 기본 서식 옵션을 설정하려면 이 노드를 확장합니다.

    • 클라이언트 HTML 태그

      HTML 요소에 대한 사용자 지정 서식 옵션을 설정하려면 이 노드를 확장합니다.

    • ASP.NET 컨트롤

      ASP.NET 서버 컨트롤에 대한 사용자 지정 서식 옵션을 설정하려면 이 노드를 확장합니다.

    트리에 새 폴더를 추가하여 사용자 지정 서식 옵션을 구성하려면 새 폴더를 클릭합니다.

  • 새 태그
    선택한 폴더에서 새 태그를 만들려면 클릭합니다.

    일반적으로는 특정 컨트롤 또는 요소에 대해 사용자 지정 서식 동작을 정의하거나 이미 ASP.NET 서버 컨트롤 또는 HTML 요소가 아닌 태그에 대해 서식을 정의하려는 경우에 새 태그를 만듭니다.

  • 새 폴더
    태그가 포함되는 새 폴더를 만들려면 클릭합니다. 이 폴더를 사용하여 사용자 지정 서식 옵션을 구성할 수 있습니다.

  • 삭제
    현재 선택한 태그에 대한 사용자 지정 서식 규칙을 제거하려면 클릭합니다.

  • 닫는 태그
    옵션을 클릭하여 편집기에서 새 태그가 생성되는 방법을 지정할 수 있습니다.

    문서의 서식을 명시적으로 다시 지정하지 않는 한 기존 태그는 변경되지 않습니다.

    이 옵션은 태그를 선택한 경우에만 사용할 수 있습니다.

  • 줄 바꿈
    편집기에서 태그를 생성하거나 태그 서식을 다시 지정할 때 태그의 공백을 설정하는 방법을 지정하는 옵션을 클릭합니다.

    참고:

    공백 및 줄 바꿈 추가로 인해 컨트롤 렌더링이 변경되는 경우 선택하는 옵션이 재정의될 수 있습니다. 자세한 내용은 Visual Web Developer의 HTML 편집기에서 요소의 서식 지정을 참조하십시오.

  • 내용 들여쓰기
    내부 내용을 지원하는 요소가 내부 내용을 들여쓰도록 지정하려면 이 확인란을 선택합니다.

  • 태그 개요 사용
    HTML 편집기에서 선택한 태그에 대해 자동 개요를 설정하려면 이 확인란을 선택합니다.

    개요를 사용하면 편집기에서 요소에 있는 줄 수를 모니터링하여 해당 요소가 지정한 줄 임계값을 초과할 경우 태그에 개요를 적용합니다. 편집기에서는 태그를 자동으로 축소하지 않습니다. 이 기능은 큰 표와 같이 긴 요소를 축소하려는 경우에 유용합니다.

  • 최소 줄 수
    임계값을 줄 단위로 지정합니다. 이 값을 초과하면 자동 개요가 태그에 적용됩니다.

    임계값에는 여는 태그과 닫는 태그가 포함됩니다.

  • 태그 전경
    편집기에서 태그 표시에 사용하는 텍스트 색을 선택합니다.

  • 태그 배경
    편집기에서 태그 표시에 사용하는 배경색을 선택합니다.

  • 굵게
    편집기에서 태그를 굵게 표시하도록 지정하려면 이 옵션을 클릭합니다.

  • 사용자 지정
    나열되지 않은 색을 선택하려면 클릭합니다.

  • 미리 보기
    선택한 태그가 현재 설정으로 편집기에서 어떻게 나타나는지 확인할 수 있습니다.

    참고:

    편집기에서 태그의 실제 동작이 미리 보기 상자에 반영되지 않을 수도 있습니다. 자동 서식이 컨트롤의 렌더링 방식을 변경할 수 없다는 규칙과 같은, 우선 순위가 높은 다른 규칙이 서식 옵션을 재정의할 수 있습니다.

참고 항목

작업

연습: Visual Web Developer에서의 고급 HTML 편집

방법: 코드 개요 표시 및 코드 숨기기