4.7. Document Outline Tool Window
Editing HTML files, using either the visual designer or code view, is never as easy as it could be, particularly when you have a large number of nested elements. When Visual Studio .NET first arrived on the scene, a feature known as document outlining came to at least partially save the day. In fact, this feature was so successful for working with HTML files that it was repurposed for working with non-web forms and controls. This section introduces you to the Document Outline window and demonstrates how effective it can be at manipulating HTML documents, and forms and controls.
4.7.1. HTML Outlining
The primary purpose of the Document Outline window was to present a navigable view of HTML pages so that you could easily locate the different HTML elements and the containers they were in. Because it was difficult to get HTML layouts correct, especially with the many .NET components that could be included on an ASP.NET page, the Document Outline view provided a handy way to find the correct position for a specific component.
Figure 4-16 shows a typical HTML page with standard tags used in most web pages. DIV, TABLE, and other tags are used to define layout, while a FORM tag, along with its subordinate components for a login form, are also displayed. Without the Document Outline window, the only way to determine the hierarchical position of a particular component is to select it and examine the bottom of the workspace area. Beside the "Design" and ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access