Skip to content

Instantly share code, notes, and snippets.

@AnalogGhost
Last active December 12, 2022 07:47
Show Gist options
  • Save AnalogGhost/a1bb14b13f72005c715a17ea42eb5485 to your computer and use it in GitHub Desktop.
Save AnalogGhost/a1bb14b13f72005c715a17ea42eb5485 to your computer and use it in GitHub Desktop.
Additional HTML Shortcuts with Emmet

Emmet - Additional HTML Shortcuts

Script with Source

script:src
<script src=""></script>

X-UA-Compatible Meta Tag

meta:compat
<meta http-equiv="X-UA-Compatible" content="IE=7">

What is this?

Meta viewport tag

meta:vp
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

What is this?

CSS Style

style
<style></style>

Link Tags

Stylesheet

Default

link
<link rel="stylesheet" href="">

Linking Style.css

link:css 
<link rel="stylesheet" href="style.css">

Print Stylesheet

link:print
<link rel="stylesheet" href="print.css" media="print">

Print Stylesheets?

RSS

link:rss
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">

What is RSS?

ATOM

link:atom
<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml">

What is ATOM? (Hint - its not the text editor)

Anchor Tags

Default

a
<a href=""></a>

Link with default value

a:link
<a href="http://"></a>

Mailto Link

a:mail
<a href="mailto:"></a>

Images

img
<img src="" alt="">

Forms

Get

form:get
<form action="" method="get"></form>

Post

form:post
<form action="" method="post"></form>

Default Input

input
<input type="text">

Input Hidden

input:hidden
<input type="hidden" name="">

Button

btn
<button></button>

Button Submit

btn:s
<button type="submit"></button>

Tables

Default Table

table+
<table>
	<tr>
		<td></td>
	</tr>
</table>

Additional Rows

tr+
<tr>
  <td></td>
</tr>

Select

select+
<select name="" id="">
	<option value=""></option>
</select>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment