Additional HTML Shortcuts with Emmet

emmetAdditionalHTML.md

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>