One of the cool features in Visual studio is the Tag navigator which is available both in design and source view modes. The tag navigator appears at the bottom of HTML Editor.

Here is how it looks when you open up a page in Visual Studio:

In the picture below you can see that the cursor is placed inside the <SPAN> tag and hence the Tag Navigator at the bottom of the editor displays all the parent tag element of <SPAN> up to the root element.

 TagNavigator 

You can also use the Tag Navigator to “Select a Tag” or “Select Tag Contents”, by just clicking on the Tag Navigator as shown below. In this case I have clicked on <DIV> tag and said Select Tag. This enables selection of DIV both in Design View and Source View.

SelectTag

 

Reshmi Mangalore

SDET, Web Development Tools