寫在前面的話:關於html的快速編寫也有不少,這裏只摘抄我以爲比較經常使用的。若是想了解更多,能夠查看下面兩個網址:css
1. http://www.w3cplus.com/tools/emmet-cheat-sheet.htmlhtml
2. http://www.iteye.com/news/27580windows
下面來詳細說明:app
1. 生成聲明文檔:ui
縮寫: !與 html:5 tab鍵生成的代碼是同樣的atom
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
縮寫: html enter鍵(上面的兩種方法聲明的更標準一些)url
<html> <head> <title></title> </head> <body> </body> </html>
2. a標籤 spa
縮寫: a:linkscala
<a href="http://"></a>
縮寫: a:mailcode
<a href="mailto:"></a>
3. link標籤
縮寫: link
<link rel="stylesheet" href="" />
縮寫: link:css
<link rel="stylesheet" href="style.css" media="all" />
縮寫: link:print
<link rel="stylesheet" href="print.css" media="print" />
縮寫:link:favicon
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
縮寫:link:touch
<link rel="apple-touch-icon" href="favicon.png" />
縮寫:link:rss
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml" />
縮寫:link:atom
<link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml" />
4. meta標籤
縮寫:meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
縮寫:meta:win
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
縮寫:meta:vp
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
縮寫:meta:compat
<meta http-equiv="X-UA-Compatible" content="IE=7" />
5. input標籤
縮寫:input:hidden
<input type="hidden" name="" />
縮寫:input:text
<input type="text" name="" id="" />
縮寫:input:search
<input type="search" name="" id="" />
縮寫:input:email
<input type="email" name="" id="" />
縮寫:input:url
<input type="url" name="" id="" />
縮寫:input:password
<input type="password" name="" id="" />
縮寫:input:checkbox
<input type="checkbox" name="" id="" />
縮寫:input:submit
<input type="submit" value="" />
縮寫:input:reset
<input type="reset" value="" />