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.

HTML5 semantic tags

HTML5 semantic tags

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

HTML5 semantic tags

- [Instructor] Now you're really getting the hang of using Emmet. It's pretty awesome. Right? Here's some helpful semantic HTML five Emmett snippets. Since most pages I build these days are utilizing HTML five. I get a lot of use from these. As you can see, some of these do not have Emmett shortcuts, but in general they're fairly short and easy to write anyways. But with some of the commonly used ones, section, article header, footer, figure, you can save precious keystrokes and increase your development time. We will be using these to build out the basic framework for a section of our beehappybee website that we've been working on. I'm going to open the 0404, beehappybee, start file. And I've already outlined the areas that we're going to be creating right now. So we'll start off by creating our header. I'm going to use the hdr greater than then. We'll create a figure tag which is going to contain an image tag. I'm…

Contents