'Move Visual Studio cursor to the end of opening HTML tag

Visual studio will automatically complete a <div> for you when you finish the tag's >. This places the cursor in between the opening and closing tag like this: 

<div>|</div>

(where the | is your cursor)

However, when you add a class (or other html attribute for that matter) to an html element, Visual studio will leave the cursor inside the quotes, like this:

<div class="foo|"></div>

Is there a command to automatically move the cursor to the first closing angle bracket like this: 

<div class="foo">|</div>

It seems small, but I have to move my hand across the keyboard to move the cursor 2 spaces. The Edit.GotoBrace command, ctrl+], is not doing this for me as it places the cursor here:

<div class="foo"></d|iv>

for some reason.

htmlvisual-studiorazorvisual-studio-2013keyboard-shortcuts


Solution 1:[1]

Don't think it's possible in VS. You can do the following:

  • Navigate word-by-word using Ctrl+SideArrow
  • Navigate the beginning or end of the line using Home or End.
  • Navigate the beginning or end of the document by using Ctrl+Home or Ctrl+End
  • Navigate the matching tag using Ctrl+[ or Ctrl+]

Solution 2:[2]

You can do it typing directly this emmet shortcode and pressing ENTER, and it will leave you just where you want:

div[class=foo]

or

div.foo

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Eugene
Solution 2

Related Questions