Visual Web Developer에서 HTML 편집기 태그 탐색

아티클
10/22/2014

업데이트: 2007년 11월

태그 탐색기에는 문서에서 현재 선택한 요소 및 이 요소가 포함된 상위 태그의 계층 구조가 표시됩니다. 태그 탐색기를 사용하면 문서에서 포커스가 있는 요소를 확인할 수 있습니다. 또한 현재 요소에서 현재 계층 구조의 상위 요소로 이동할 수도 있습니다. 예를 들어 <td> 태그에서 부모 <table> 태그로 이동할 수 있습니다. 태그 탐색기는 표 내의 표와 같이 많이 중첩된 구조에서 특히 유용합니다.

현재 경로 표시

태그 탐색기는 웹 페이지 편집기의 맨 아래쪽에 표시됩니다. 태그 계층 구조는 현재 선택한 태그에서 가장 바깥쪽에 있는 태그까지의 경로를 보여 주는 탐색 경로(breadcrumb이라고도 함)로 제공됩니다. 디자인 뷰에서는 문서 본문의 내용만 편집할 수 있으므로 가장 바깥쪽의 태그가 <body> 태그이고 소스 뷰에서는 가장 바깥쪽의 태그가 <html> 태그입니다.

태그 탐색기에는 HTML 또는 다른 태그와 ASP.NET 웹 서버 컨트롤(<asp:> 요소)을 둘 다 포함하여 현재 문서의 모든 요소가 표시됩니다. 요소가 웹 서버 컨트롤이고 ID 특성이나 CSS 스타일시트 클래스를 포함하는 경우 ID 또는 CSS 클래스 값이 태그 탐색기에 표시되어 다른 요소와 구분할 수 있습니다. 태그 경로가 디자이너 창의 너비보다 길면 상위 태그 쪽에서 목록이 잘리고 추가 상위 태그를 표시할 수 있는 단추가 제공됩니다.

참고:
태그 탐색기에는 현재 문서의 모든 요소가 표시되지는 않습니다. 대신 현재 요소에서 가장 바깥쪽에 있는 부모까지의 경로가 표시됩니다. 문서의 모든 요소를 보려면 문서 개요를 사용해야 합니다. 자세한 내용은 문서 개요 창을 참조하십시오.

태그 탐색기를 사용하여 요소 선택

태그 탐색기에서 태그를 클릭하여 해당 태그가 나타내는 요소를 선택할 수 있습니다. 내용을 포함할 수 있는 태그에는 전체 요소 또는 내용만 선택할 수 있는 드롭다운 목록이 표시됩니다. 예를 들어 태그 탐색기에 <td> 태그가 표시되어 있는 경우 태그 탐색기의 드롭다운 목록에서 <td> 요소를 선택하여 요소의 속성을 설정하거나 <td> 요소의 내용을 선택하여 내용을 편집할 수 있습니다.

태그 탐색기의 선택 기능은 다음과 같이 블록 편집 작업을 수행할 때 유용합니다.

소스 뷰에서 표 편집 태그 탐색기를 사용하면 표 셀의 태그(<td> 요소)를 복사한 다음 복사, 이동 또는 삭제하는 작업을 쉽게 수행할 수 있습니다.
마스터 페이지와 함께 사용할 수 있도록 ASP.NET 페이지를 콘텐츠 페이지로 변환 태그 탐색기를 사용하여 기존 태그를 선택한 다음 복사하여 Content 컨트롤에 붙여넣을 수 있습니다.

참고 항목

다음을 통해 공유

Visual Web Developer에서 HTML 편집기 태그 탐색

현재 경로 표시

태그 탐색기를 사용하여 요소 선택

참고 항목

작업

개념

참조

추가 리소스