From the course: Emmet: Fast and Efficient Web Coding
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Numbering
- [Instructor] Numbering in Emmet is kind of magical. Being able to number elements and attributes is a terrific time-saver. You can insert automatically incrementing numbers into your snippets via the dollar sign. This works anywhere, classes, IDs, text, attributes, and more. Here's an example of it in action. Let's say I want three H1 heading tags and we'll go ahead and have some text render and we're going to have the texts say, my big old heading one, my big old heading two, my big old heading three. So we'll go ahead and generate three of those by using the multiplication symbol and putting three. When I hit tab to expand this out you can see that I get three H1 tags and they all have a unique numeric value in the text node. Now you may not want to create three H1's but look what happens if I modify this code slightly I'm just going to change this to say H dollar sign and then we'll leave the same text node. When we…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.