工欲善其事，必先利其器（三）

时间 2019-11-12

标签工欲善其事必先利其器繁體版

原文原文链接

写在前面的话：关于html的快速编写也有不少，这里只摘抄我以为比较经常使用的。若是想了解更多，能够查看下面两个网址：css

下面来详细说明：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="" />