工欲善其事,必先利其器(三)

寫在前面的話:關於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="" />
相關文章
相關標籤/搜索