The Quick Tag Selector feature of SharePoint Designer allows you to quickly choose a tag and then highlight the content or code associated with the tag in the Design or Code view. On Web pages that have a lot of code, you can use the Quick Tag Selector to quickly identify the location of the code for a specific control in the Code view.
The Quick Tag Selector, as shown in Figure 6.10, is placed just above the page view of the Web page you're working on. It can be enabled or disabled by choosing View Quick Tag Selector.
To use the Quick Tag Selector, simply place the cursor at the location of your choice in the Design view. The Quick Tag Selector shows you a breadcrumb trail–like view of the tags from the location where you placed the cursor to the first parent tag. For example, if you have nested tables in the body of the Web page and you place the cursor in a deeply nested cell, the Quick Tag Selector shows you a view of tags that identify the container table row and table tags until you reach the topmost parent tag. Just click the tag to highlight it in the Design or Code view.
If you hover over a tag in the Quick Tag Selector, an arrow on the right opens a dropdown menu. This dropdown menu has these ...