The HTML editor was completely rewritten in Visual Studio 2013 to create a foundation for a great HTML 5 editing experience that is constantly getting better.
The HTML editor's up-to-date web standards definitions provide accurate and fast IntelliSense for all elements and attributes. For attributes, IntelliSense lists available values as well as names.
Never let your tags get out of sync again when editing. When you edit a tag, Visual Studio automatically updates its corresponding begin or end tag to keep them in sync.
It's easy to forget the names of CSS classes and IDs, so Visual Studio IntelliSense lists them for you as you type. You get all of the classes and IDs that are defined in the current document or in any stylesheet in your project. For example, if you use Bootstrap, IntelliSense shows all of the available Bootstrap classes.
data-* attributes in HTML 5 to store custom data, it can be difficult to remember the various attribute names and their values. Visual Studio automatically keeps track of your
data-* attributes and gives IntelliSense for both the attribute name and previously used values.
Be more productive by using this handy shortcut to wrap selected text with any element of your choice.
Shift+Alt+W to wrap the selection.
Snippets provide a shortcut for adding common elements to a page. Visual Studio has built-in snippets for
<picture>, and many more. You can create your own snippets as well.
The file picker gives you an easy way to add references to files in your project. It's smart enough to know what files you would typically use for
<link> elements, so it automatically filters the list to show only those file types.
It's important to be very accurate when dealing with Microdata. Visual Studio helps you avoid typos by giving IntelliSense for the most common Microdata vocabularies.
IntelliSense lists the choices for ARIA landmarks such as the
role attribute, as well as for
Get quick and easy access to all those HTML entities that are so hard to remember.
Whether you use Mustache, Handlebars, Angular, or any other double-curly based template language, Visual Studio gives you nice colorization.
See the actual glyph icons from all the major CSS icon libraries, including Bootstrap, Font Awesome, Foundation, Ionicons and IcoMoon using the Glyphfriend extension.
Light bulbs show up wherever Visual Studio finds opportunities to provide helpers that give you hints about how to solve problems or refactor.