방법: Visual Web Developer의 HTML 편집기에서 탐색

Visual Studio 2010

업데이트: 2007년 11월

HTML 디자이너를 사용하면 다양한 방법으로 문서를 탐색할 수 있습니다. 탐색 기능은 내용이 길거나 많이 중첩된 요소를 포함하는 문서로 작업하는 경우 특히 유용합니다. 다음과 같은 탐색 기능을 사용할 수 있습니다.

  • 문서 개요 창은 문서를 트리 뷰 형태로 제공합니다.

  • 태그 탐색기는 부모, 자식 및 피어 태그의 컨텍스트에서 현재 선택한 태그를 표시합니다.

  • 태그 매칭 기능은 요소의 여는 태그와 닫는 태그를 식별합니다. 태그 매칭을 사용하면 현재 요소를 다른 요소와 구분할 수 있으므로 페이지에 중첩 요소가 많은 경우 특히 유용합니다.

문서 개요 창을 사용하여 탐색하려면

  1. 보기 메뉴에서 문서 개요를 클릭합니다. 소스 뷰에서는 문서를 마우스 오른쪽 단추로 클릭한 다음 문서 개요 동기화를 클릭합니다.

    문서 개요 창에 문서의 요소가 트리 뷰 형태로 표시됩니다. 표시되는 요소는 다음과 같이 활성화된 뷰에 따라 다릅니다.

    • 디자인 뷰의 경우 문서 본문에 포함된 요소가 표시됩니다.

    • 소스 뷰의 경우 본문 요소뿐만 아니라 머리글 요소, 페이지 지시문, 스크립트 및 코드 요소가 표시됩니다.

  2. 문서 개요 창에서 섹션을 확장하거나 축소합니다.

  3. 탐색할 요소를 클릭합니다.

    클릭한 요소가 디자이너에서 선택됩니다.

태그 탐색기를 사용하여 탐색하려면

  1. 디자이너 창의 아래쪽에서 이동할 대상 태그를 클릭합니다.

  2. 태그 계층 구조의 상위 요소로 이동하려면 탐색기에서 왼쪽 화살표 단추를 클릭하고 태그 계층 구조의 하위 요소로 이동하려면 오른쪽 화살표 단추를 클릭합니다.

    dcs3dxhe.alert_note(ko-kr,VS.100).gif참고:

    계층 구조의 길이가 긴 경우에는 사용 가능한 공간에 트리 뷰가 맞지 않을 수 있습니다. 태그 계층 구조의 상위 요소로 스크롤하려면 탐색기에서 왼쪽 화살표 단추를 클릭하고 태그 계층 구조의 하위 요소로 스크롤하려면 오른쪽 화살표 단추를 클릭합니다.

태그를 강조 표시하여 짝이 맞는 태그를 식별하려면

  • 소스 뷰에서 요소 내의 임의의 위치에 삽입 지점을 놓습니다.

    해당 요소의 여는 태그와 닫는 태그가 표시됩니다. 태그 강조 표시는 백그라운드 작업으로 수행되므로 태그가 강조 표시되기 전에 약간 지연될 수 있습니다.

표시: