Highlighting of HTML Tag Tree
Since version 2.1, WebStorm & PhpStorm both come with a new code highlighting feature. It makes it easier to work with big and complex HTML files, with deep nested tags structure:
Please note that highlighting is only activated when there is more than one tag with the same name in the hierarchy.
By default, only 6 parent tags are highlighted with 6 different colors. You can change the depth to highlight or completely disable the feature in Settings | Editor | Appearance | Enable HTML tag tree highlighting.
Also you can tweak the colors in Settings | Editor | Colors & Fonts | HTML.
Subscribe to Blog updates
Thanks, we've got you!
WebStorm 2023.3 Release Candidate Is Here!
The WebStorm 2023.3 RC is now available! Read about some of the most exciting improvements making it into the release.
WebStorm 2023.3 EAP Digest #3: Angular, React, and Vue Improvements and More
Read our third 2023.3 EAP digest to learn about the latest changes in the upcoming release.
WebStorm 2023.3 EAP Digest #2: Improvements for Type Only Import, Angular, Svelte, and More
Read our second 2023.3 EAP digest to learn about the latest changes that will make it into the upcoming release.