HTML 代码段
一组用于 Sublime Text 的自定义 HTML 代码段
标签： 代码段
详细信息
安装量
- 总计： 226K
- Win： 154K
- Mac： 40K
- Linux： 31K
| 8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 4 | 3 | 5 | 2 | 3 | 8 | 8 | 3 | 2 | 1 | 3 | 4 | 3 | 6 | 4 | 10 | 2 | 1 | 6 | 4 | 7 | 3 | 9 | 2 | 1 | 6 | 6 | 6 | 5 | 4 | 3 | 3 | 5 | 2 | 5 | 3 | 3 | 7 | 5 | 8 | 2 | 4 | 3 | 4 | 2 | 7 |
| Mac | 2 | 2 | 0 | 0 | 1 | 0 | 2 | 0 | 2 | 1 | 0 | 2 | 1 | 0 | 2 | 0 | 0 | 1 | 0 | 3 | 2 | 0 | 1 | 1 | 0 | 0 | 1 | 0 | 2 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 1 | 0 | 1 | 0 | 0 |
| Linux | 2 | 2 | 0 | 1 | 0 | 0 | 1 | 3 | 1 | 3 | 1 | 2 | 0 | 1 | 0 | 3 | 3 | 0 | 0 | 0 | 2 | 1 | 1 | 0 | 1 | 1 | 1 | 2 | 1 | 0 | 2 | 1 | 0 | 2 | 1 | 2 | 1 | 4 | 2 | 2 | 1 | 1 | 1 | 0 | 2 | 1 |
说明文件
Sublime Text HTML 代码段
正在进行中。
输入代码段简码，然后按 Tab 键完成代码段。
以下列出了按字母顺序排列的代码段。'$1' 表示光标位置。一些代码段已设置，按下 Tab 键可以将光标跳到下一个预定义位置。这有点难解释，但任何使用 $1/$2/$3 等. 的代码段都使用这种技术。
请随意修改、扩展或破坏这些代码段。如果您发现一个非常实用的代码段或是我遗漏的代码段，请告知我（通过电子邮件、Twitter或GitHub），以便我可以为所有人改进这些代码段。谢谢！
重要提醒：如果您也在使用 Emmet，请将以下内容添加到 Emmet 的用户设置文件中
"disabled_single_snippets": "fig meta nav ol script style ul"
a
<a href="$1">$2</a>
comm
cond
doctype
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="$1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${2:Untitled}</title>
<link rel="stylesheet" href="css/style.css">
<link rel="author" href="humans.txt">
</head>
<body>
$3
<script src="js/main.js"></script>
</body>
</html>
dummy
One morning, when Gregor Samsa woke from troubled dreams, he found himself
transformed in his bed into a horrible vermin. He lay on his armour-like back,
and if he lifted his head a little he could see his brown belly, slightly domed
and divided by arches into stiff sections. The bedding was hardly able to cover
it and seemed ready to slide off any moment. His many legs, pitifully thin
compared with the size of the rest of him, waved about helplessly as he looked.
"What's happened to me? " he thought.
fig
<figure>
<img src="$1" alt="$2">
<figcaption>$3</figcaption>
</figure>
ga
<script>
var _gaq = [['_setAccount', '${1:UA-XXXXX-X}'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
</script>
ga2
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '${1:UA-XXXX-X}');
ga('send', 'pageview');
</script>
img
<img src="$1" alt="$2">
jquery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
meta
<meta charset=utf-8>
<meta name=description content="$1">
<meta name=viewport content="width=device-width, initial-scale=1">
nav
当使用 inline-block 时。
<nav class="$1">
<ul>
<li><a href="#">$2</a></li><li><a href="#">$3</a></li><li><a href="#">$4</a></li><li><a href="#">$5</a></li>
</ul>
</nav>
nav2
<nav class="$1">
<ul>
<li><a href="#">$2</a></li>
<li><a href="#">$3</a></li>
<li><a href="#">$4</a></li>
<li><a href="#">$5</a></li>
</ul>
</nav>
ol
<ol>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ol>
script
<script src="$1"></script>
shiv
style
<link rel=stylesheet href="$1">
ul
<ul>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ul>
inp:text
<input type="text">
inp:tel
<input type="tel">
inp:radio
<input type="radio">
inp:check
<input type="checkbox">
inp:email
<input type="email">
inp:pass
<input type="password">
inp:submit
<input type="submit">
<style type="text/css">$1</style>