Tip #6 Did you know…About the “Tag Navigator” feature?


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

 

 
Comments (7)

  1. Here are three new tips on Tips and Tricks Blog. Tip #4 Did you know… You can add browsers to Visual

  2. My latest in a series of the weekly, or more often, summary of interesting links I come across related to Visual Studio. Busy week this week so this is a quick all at once version. Greg Duncan posted a link to release announcement for XamlPadX 4.0 . Sasha

  3. vi says:

    how can I disable TagNavigator?

    vi@ispir.com

  4. xjb says:

    原文链接:Didyouknow…Aboutthe“TagNavigator”feature在Visualstudio2008里面有个很酷的功能:在“设计视图”或“源视图”状态,ht…

  5. mottey says:

    Tag Navigator is nice and all but I have a handy bug where if I roll over one of the tags it will reset my mouse cursor to 0,0… Do you have a way of turning off Tag Navigator??

  6. Bri says:

    How do i turn this on! In VS2008 it was there and now in 2010 i can't find it.