The markup languages and style sheets are integrated into IntelliJ IDEA and can use the most powerful editing features:
- Validation and syntax highlighting.
- Code completion (Ctrl+SpaceCtrl+SpaceCtrl+SpaceCtrl+SpaceAlt+SlashCtrl+SpaceCtrl+SpaceCtrl+Space or Ctrl+Back SlashCtrl+SpaceControl SpaceControl SpaceControl Space).
- Indentation (Ctrl+Alt+ICtrl+Alt+ICtrl+Alt+ICtrl+Alt+ICtrl+Alt+I or Ctrl+Alt+QCtrl+Alt+I or Alt+Shift+KCtrl+Alt+ICtrl+Alt+ICtrl+IMeta Alt IMeta Alt IMeta I, Ctrl+Alt+LCtrl+Alt+LAlt+Shift+LCtrl+Alt+LCtrl+Alt+LCtrl+Alt+LAlt+F8 or Ctrl+Alt+FAlt+Shift+FCtrl+Alt+L or Ctrl+Shift+FMeta Alt LMeta Alt LMeta Shift F).
- Formatting (Ctrl+Alt+LCtrl+Alt+LAlt+Shift+LCtrl+Alt+LCtrl+Alt+LCtrl+Alt+LAlt+F8 or Ctrl+Alt+FAlt+Shift+FCtrl+Alt+L or Ctrl+Shift+FMeta Alt LMeta Alt LMeta Shift F) according to the code style.
- Intention actions (Alt+EnterAlt+EnterAlt+EnterAlt+EnterAlt+EnterAlt+EnterAlt+EnterAlt+EnterAlt+Enter, Alt+Shift+J or Ctrl+Shift+MAlt EnterAlt EnterMeta 1).
- Viewing code structure (Alt+7Alt+7Alt+7Alt+7Alt+7Alt+7 or Ctrl+Alt+SAlt+7Ctrl+7 or Alt+7Alt+7Meta 7Meta 7Meta 7).
- Navigation in the source code (Ctrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+Alt+G, Escape, Period, Alt+Period or Ctrl+Button1 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickF12, Shift+F2, Ctrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickF3 or Ctrl+Button1 ClickMeta B, Meta Button1 Click or Button2 ClickMeta B, Meta Button1 Click or Button2 ClickF3 or Control Button1 Click).
- Integrated documentation (Ctrl+Q or Alt+Button2 ClickCtrl+Q or Alt+Button2 ClickCtrl+Q or Alt+Button2 ClickCtrl+Q or Alt+Button2 ClickCtrl+Q or Alt+Button2 ClickCtrl+Q or Alt+Button2 ClickCtrl+Q or Shift+F1Ctrl+Q or Alt+Button2 ClickAlt+Button2 Click, Ctrl+Shift+Space or F2Control J or Control Button2 ClickControl J or Control Button2 ClickAlt Button2 Click or F2).
- Search for usages (Alt+F7Alt+Shift+7Alt+Shift+7Alt+F7Alt+F7 or Alt+Shift+SAlt+F7 or Ctrl+Shift+EnterAlt+Shift+F7Alt+F7Ctrl+GAlt F7Alt F7Meta Shift G).
- Commenting and uncommenting lines (Ctrl+Slash or Ctrl+NumPad /Ctrl+Slash or Ctrl+NumPad /Ctrl+Slash or Ctrl+NumPad /Ctrl+Slash or Ctrl+NumPad /Alt+SemicolonCtrl+Slash or Ctrl+NumPad /Ctrl+Slash, Ctrl+NumPad / or Ctrl+ColonCtrl+Slash, Ctrl+NumPad / or Ctrl+Shift+CCtrl+Slash or Ctrl+NumPad /Meta Slash or Meta NumPad /Meta Slash or Meta NumPad /Meta Slash or Meta NumPad /, Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash, Ctrl+Shift+NumPad / or Ctrl+Shift+ColonCtrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+SlashControl Shift Slash, Control Shift NumPad /, Meta Shift Slash or Meta Shift NumPad /Control Shift Slash, Control Shift NumPad /, Meta Shift Slash or Meta Shift NumPad /Control Shift Slash).
- Unwrapping and removing tags (Ctrl+Shift+DeleteCtrl+Shift+DeleteCtrl+Shift+DeleteCtrl+Shift+DeleteCtrl+Shift+DeleteCtrl+Shift+DeleteCtrl+Shift+DeleteCtrl+Shift+DeleteAlt+RMeta Shift DeleteMeta Shift DeleteMeta Shift Delete).
Note
All these features work if IntelliJ IDEA successfully locates the DTD or schema file. In this case, all the files are validated against the DTD or schema, and the editing conveniences become available. Without a DTD or schema, only the well-formedness check is possible.
These features for web contents work same way as for the other source files. Refer to the respective topics of the Advanced Editing Features part for the detailed descriptions of procedures, and to Keyboard shortcuts.
Note
IntelliJ IDEA parses Web contents files according to the following specifications:
- HTML: specification is configurable in the Default HTML language level in the Schemas and DTDs page of the Settings dialog. By default, specification HTML 4.01 from W3C is assumed.
- CSS: specification CSS 2.1. The most common selectors are supported: universal selector *, type selectors .a, descendant selectors .a.b, child selectors .a .b, ID selectors #b, pseudo-classes and class selectors DIV.warning.
- IntelliJ IDEA uses Xerces 2.6, an XML parser developed by Apache Software Foundation Group.
In this part you will find information that is specific for the web content files only:
- Changing Color Values in Style Sheets
- Generating DTD
- Generating Instance Document from XML Schema
- Generating XML Schema from Instance Document
- Referencing DTD or Schema
- Validating Web Content Files
- Viewing Styles Applied to a Tag
- Viewing Images
- CSS-Specific Refactorings
- Emmet (Zen Coding) Support
- XML-Java Binding
- Minifying CSS
- Transpiling SASS, LESS, and SCSS to CSS

