Skip to Main Content or Page Contents

Emmet HTML tags Abbreviation Cheat Sheet

Emmet is the number one downloaded Brackets Editor Extension

Results per page:

Match: any search words all search words

This Page's Contents

What is Emmett

Emmet HTML tags Abbreviation Cheat Sheet

What is Emmett

Emmet is the essential toolkit for web-developers

It is a plugin for many HTML, CSS, XML, XSL & text editors such as

  • Brackets
  • Atom
  • Notepad++
  • Subline
  • Web Storm
  • Build Bootstrap sites with Emmet
  • Is already installed in Visual Studio
  • And More

Download from https://docs.emmet.io/ (opens in a new tab)

Emmet HTML tags Abbreviation Cheat Sheet

Enter the Abbreviation then press the tab key

 

Emmet most used html tags Abbreviation Cheat Sheet

Required Tag(s)
Abbreviation
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
  </body>
</html>
!
<address></address>
adr
<article></article>
art
<blockquote></blockquote>
bq
<bdi></bdi>
bdi
<button></button>
btn
<caption></caption>
cap
<colgroup></colgroup>
colg
<datagrid></datagrid>
datag
<datalist></datalist>
datal
<details></details>
det
<dialog></dialog>
dlg
<embed></embed>
emb
<figure></figure>
fig
<fieldset></fieldset>
fset or fst
<figcaption></figcaption>
figc
<footer></footer>
ftr
<header></header>
hdr
<iframe></iframe>
ifr
<keygen></keygen>
kg
<legend></legend>
leg
<main></main>
mn
<object></object>
obj
<optgroup></optgroup>
optg
<output></output>
out
<picture></picture>
pic
<progress></progress>
prog
<section></section>
sect
<strong></strong>
str
<template></template>
tem
<textarea></textarea>
tarea

 

Emmet html tags NOT Abbreviated Cheat Sheet

The following HTML tags are not abbreviated. Enter the name only then tap Tab key

<aside></aside>
aside
<canvas></canvas>
canvas
<mark></mark>
mark
<meter></meter>
meter
<nav></nav>
nav
<prog></prog>
prog
<rp></rp>
rp
<rt></rt>
rt
<summary></summary>
summary
<time></time>
time
<wbr></wbr>
wbr

 

More Brackets Editor Pages


© tutorials4u.com
HTML Tutorial by John McGuinn.