sublime text中Emmet的安装方法以及使用的快捷键

sublime text中Emmet的安装方法以及使用的快捷键

安装

步骤一：首先你需要为sublime text安装Package Control组件：

 按Ctrl+`调出sublime text的console
 粘贴以下代码到底部命令行并回车： import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installedpackagespath();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
 重启Sublime Text
 在Perferences->package settings中看到package control，则表示安装成功
步骤二：使用Package Control安装Emmet插件：

 按Ctrl+Shift+P命令板
 输入install然后选择install Package，然后输入emmet找到 Emmet Css Snippets，点击就可以自动完成安装。
使用方法

emmet的使用方法也非常简单，以sublime text为例，直接在编辑器中输入HTML或CSS的代码的缩写，然后按tab键就可以拓展为完整的代码片段。（如果与已有的快捷键有冲突的话，可以自行在编辑器中将拓展键设为其他快捷键）

语法:

后代：>

缩写：nav>ul>li

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">nav</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">nav</span>></span>  
兄弟：+

缩写：div+p+bq

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span>  
上级：^

缩写：div+div>p>span+em^bq

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">span</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">span</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">em</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">em</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
缩写：div+div>p>span+em^^bq

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">span</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">span</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">em</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">em</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span>  
分组：()

缩写：div>(header>ul>li*2>a)+footer>p

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">header</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
            <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
            <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
        <span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">header</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">footer</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
    <span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">footer</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
缩写：(div>dl>(dt+dd)*3)+footer>p

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dl</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dt</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dt</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dd</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dd</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dt</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dt</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dd</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dd</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dt</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dt</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">dd</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dd</span>></span>  
    <span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">dl</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">footer</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">footer</span>></span>  
乘法：*

缩写：ul>li*5

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
自增符号：$

缩写：ul>li.item$*5

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item1"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item2"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item3"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item4"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item5"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
缩写：h$[title=item$]{Header $}*3

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">h1</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">"item1"</span>></span>Header 1<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">h1</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">h2</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">"item2"</span>></span>Header 2<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">h2</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">h3</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">"item3"</span>></span>Header 3<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">h3</span>></span>  
缩写：ul>li.item$$$*5

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item001"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item002"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item003"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item004"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item005"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
缩写：ul>li.item$@-*5

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item5"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item4"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item3"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item2"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item1"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
缩写：ul>li.item$@3*5

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item3"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item4"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item5"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item6"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"item7"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
ID和类属性

缩写：#header

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">"header"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
缩写：.title

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"title"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
缩写：form#search.wide

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">form</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">"search"</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"wide"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">form</span>></span>  
缩写：p.class1.class2.class3

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"class1 class2 class3"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
自定义属性

缩写：p[title="Hello world"]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">"Hello world"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
缩写：td[rowspan=2 colspan=3 title]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">td</span> <span class="attribute" style="color:rgb(181,137,0)">rowspan</span>=<span class="value" style="color:rgb(42,161,152)">"2"</span> <span class="attribute" style="color:rgb(181,137,0)">colspan</span>=<span class="value" style="color:rgb(42,161,152)">"3"</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">td</span>></span>  
缩写：[a='value1' b="value2"]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span> <span class="attribute" style="color:rgb(181,137,0)">a</span>=<span class="value" style="color:rgb(42,161,152)">"value1"</span> <span class="attribute" style="color:rgb(181,137,0)">b</span>=<span class="value" style="color:rgb(42,161,152)">"value2"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
文本：{}

缩写：a{Click me}

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span>Click me<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span>  
缩写：p>{Click }+a{here}+{ to continue}

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">p</span>></span>Click <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span>here<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span> to continue<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">p</span>></span>  
隐式标签

缩写：.class

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">div</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"class"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">div</span>></span>  
缩写：em>.class

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">em</span>></span><span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">span</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"class"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">span</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">em</span>></span>  
缩写：ul>.class

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">li</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"class"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">li</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">ul</span>></span>  
缩写：table>.row>.col

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">table</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">tr</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"row"</span>></span>  
        <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">td</span> <span class="attribute" style="color:rgb(181,137,0)">class</span>=<span class="value" style="color:rgb(42,161,152)">"col"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">td</span>></span>  
    <span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">tr</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">table</span>></span>  
HTML

所有未知的缩写都会转换成标签，例如，foo → <foo></foo>

缩写：!

[xml] view plain copy
<span class="doctype" style="color:rgb(88,110,117); font-style:italic"><!doctype html></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">html</span> <span class="attribute" style="color:rgb(181,137,0)">lang</span>=<span class="value" style="color:rgb(42,161,152)">"en"</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">head</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">meta</span> <span class="attribute" style="color:rgb(181,137,0)">charset</span>=<span class="value" style="color:rgb(42,161,152)">"UTF-8"</span>></span>  
    <span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">title</span>></span>Document<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">title</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">head</span>></span>  
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">body</span>></span>  

<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">body</span>></span>  
<span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">html</span>></span>  
缩写：a

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span>  
缩写：a:link

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"http://"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span>  
缩写：a:mail

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">a</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"mailto:"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">a</span>></span>  
缩写：abbr

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">abbr</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">abbr</span>></span>  
缩写：acronym

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">acronym</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">acronym</span>></span>  
缩写：base

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">base</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：basefont

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">basefont</span> /></span>  
缩写：br

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">br</span> /></span>  
缩写：frame

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">frame</span> /></span>  
缩写：hr

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">hr</span> /></span>  
缩写：bdo

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">bdo</span> <span class="attribute" style="color:rgb(181,137,0)">dir</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">bdo</span>></span>  
缩写：bdo:r

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">bdo</span> <span class="attribute" style="color:rgb(181,137,0)">dir</span>=<span class="value" style="color:rgb(42,161,152)">"rtl"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">bdo</span>></span>  
缩写：bdo:l

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">bdo</span> <span class="attribute" style="color:rgb(181,137,0)">dir</span>=<span class="value" style="color:rgb(42,161,152)">"ltr"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">bdo</span>></span>  
缩写：col

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">col</span> /></span>  
缩写：link

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"stylesheet"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：link:css

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"stylesheet"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"style.css"</span> /></span>  
缩写：link:print

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"stylesheet"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"print.css"</span> <span class="attribute" style="color:rgb(181,137,0)">media</span>=<span class="value" style="color:rgb(42,161,152)">"print"</span> /></span>  
缩写：link:favicon

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"shortcut icon"</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"image/x-icon"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"favicon.ico"</span> /></span>  
缩写：link:touch

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"apple-touch-icon"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"favicon.png"</span> /></span>  
缩写：link:rss

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"alternate"</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"application/rss+xml"</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">"RSS"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"rss.xml"</span> /></span>  
缩写：link:atom

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">link</span> <span class="attribute" style="color:rgb(181,137,0)">rel</span>=<span class="value" style="color:rgb(42,161,152)">"alternate"</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"application/atom+xml"</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">"Atom"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">"atom.xml"</span> /></span>  
缩写：meta

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">meta</span> /></span>  
缩写：meta:utf

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">meta</span> <span class="attribute" style="color:rgb(181,137,0)">http-equiv</span>=<span class="value" style="color:rgb(42,161,152)">"Content-Type"</span> <span class="attribute" style="color:rgb(181,137,0)">content</span>=<span class="value" style="color:rgb(42,161,152)">"text/html;charset=UTF-8"</span> /></span>  
缩写：meta:win

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">meta</span> <span class="attribute" style="color:rgb(181,137,0)">http-equiv</span>=<span class="value" style="color:rgb(42,161,152)">"Content-Type"</span> <span class="attribute" style="color:rgb(181,137,0)">content</span>=<span class="value" style="color:rgb(42,161,152)">"text/html;charset=windows-1251"</span> /></span>  
缩写：meta:vp

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">meta</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">"viewport"</span> <span class="attribute" style="color:rgb(181,137,0)">content</span>=<span class="value" style="color:rgb(42,161,152)">"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"</span> /></span>  
缩写：meta:compat

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">meta</span> <span class="attribute" style="color:rgb(181,137,0)">http-equiv</span>=<span class="value" style="color:rgb(42,161,152)">"X-UA-Compatible"</span> <span class="attribute" style="color:rgb(181,137,0)">content</span>=<span class="value" style="color:rgb(42,161,152)">"IE=7"</span> /></span>  
缩写：style

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">style</span>></span><span class="css" style=""></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">style</span>></span>  
缩写：script

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">script</span>></span><span class="javascript" style=""></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">script</span>></span>  
缩写：script:src

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">script</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="javascript" style=""></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">script</span>></span>  
缩写：img

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">img</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：iframe

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">iframe</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">frameborder</span>=<span class="value" style="color:rgb(42,161,152)">"0"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">iframe</span>></span>  
缩写：embed

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">embed</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：object

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">object</span> <span class="attribute" style="color:rgb(181,137,0)">data</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">object</span>></span>  
缩写：param

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">param</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：map

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">map</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">map</span>></span>  
缩写：area

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">area</span> <span class="attribute" style="color:rgb(181,137,0)">shape</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">coords</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：area:d

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">area</span> <span class="attribute" style="color:rgb(181,137,0)">shape</span>=<span class="value" style="color:rgb(42,161,152)">"default"</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：area:c

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">area</span> <span class="attribute" style="color:rgb(181,137,0)">shape</span>=<span class="value" style="color:rgb(42,161,152)">"circle"</span> <span class="attribute" style="color:rgb(181,137,0)">coords</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：area:r

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">area</span> <span class="attribute" style="color:rgb(181,137,0)">shape</span>=<span class="value" style="color:rgb(42,161,152)">"rect"</span> <span class="attribute" style="color:rgb(181,137,0)">coords</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：area:p

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">area</span> <span class="attribute" style="color:rgb(181,137,0)">shape</span>=<span class="value" style="color:rgb(42,161,152)">"poly"</span> <span class="attribute" style="color:rgb(181,137,0)">coords</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">href</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：form

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">form</span> <span class="attribute" style="color:rgb(181,137,0)">action</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">form</span>></span>  
缩写：form:get

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">form</span> <span class="attribute" style="color:rgb(181,137,0)">action</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">method</span>=<span class="value" style="color:rgb(42,161,152)">"get"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">form</span>></span>  
缩写：form:post

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">form</span> <span class="attribute" style="color:rgb(181,137,0)">action</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">method</span>=<span class="value" style="color:rgb(42,161,152)">"post"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">form</span>></span>  
缩写：label

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">label</span> <span class="attribute" style="color:rgb(181,137,0)">for</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">label</span>></span>  
缩写：input

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"text"</span> /></span>  
缩写：inp

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"text"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:hidden

别名：input[type=hidden name]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"hidden"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:h

别名：input:hidden

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"hidden"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:text, input:t

别名：inp

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"text"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:search

别名：inp[type=search]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"search"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:email

别名：inp[type=email]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"email"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:url

别名：inp[type=url]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"url"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:password

别名：inp[type=password]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"password"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:p

别名：input:password

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"password"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:datetime

别名：inp[type=datetime]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"datetime"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:date

别名：inp[type=date]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"date"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:datetime-local

别名：inp[type=datetime-local]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"datetime-local"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:month

别名：inp[type=month]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"month"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:week

别名：inp[type=week]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"week"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:time

别名：inp[type=time]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"time"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:number

别名：inp[type=number]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"number"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:color

别名：inp[type=color]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"color"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:checkbox

别名：inp[type=checkbox]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"checkbox"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:c

别名：input:checkbox

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"checkbox"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:radio

别名：inp[type=radio]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"radio"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:r

别名：input:radio

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"radio"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:range

别名：inp[type=range]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"range"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:file

别名：inp[type=file]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"file"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:f

别名：input:file

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"file"</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:submit

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"submit"</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:s

别名：input:submit

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"submit"</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:image

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"image"</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:i

别名：input:image

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"image"</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">alt</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:button

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"button"</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：input:b

别名：input:button

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"button"</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：isindex

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">isindex</span> /></span>  
缩写：input:reset

别名：input:button[type=reset]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">input</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"reset"</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：select

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">select</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">select</span>></span>  
缩写：option

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">option</span> <span class="attribute" style="color:rgb(181,137,0)">value</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">option</span>></span>  
缩写：textarea

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">textarea</span> <span class="attribute" style="color:rgb(181,137,0)">name</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">id</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">cols</span>=<span class="value" style="color:rgb(42,161,152)">"30"</span> <span class="attribute" style="color:rgb(181,137,0)">rows</span>=<span class="value" style="color:rgb(42,161,152)">"10"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">textarea</span>></span>  
缩写：menu:context

别名：menu[type=context]>

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">menu</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"context"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">menu</span>></span>  
缩写：menu:c

别名：menu:context

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">menu</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"context"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">menu</span>></span>  
缩写：menu:toolbar

别名：menu[type=toolbar]>

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">menu</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"toolbar"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">menu</span>></span>  
缩写：menu:t

别名：menu:toolbar

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">menu</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"toolbar"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">menu</span>></span>  
缩写：video

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">video</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">video</span>></span>  
缩写：audio

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">audio</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">audio</span>></span>  
缩写：html:xml

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">html</span> <span class="attribute" style="color:rgb(181,137,0)">xmlns</span>=<span class="value" style="color:rgb(42,161,152)">"http://www.w3.org/1999/xhtml"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">html</span>></span>  
缩写：keygen

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">keygen</span> /></span>  
缩写：command

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">command</span> /></span>  
缩写：bq

别名：blockquote

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">blockquote</span>></span>  
缩写：acr

别名：acronym

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">acronym</span> <span class="attribute" style="color:rgb(181,137,0)">title</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">acronym</span>></span>  
缩写：fig

别名：figure

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">figure</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">figure</span>></span>  
缩写：figc

别名：figcaption

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">figcaption</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">figcaption</span>></span>  
缩写：ifr

别名：iframe

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">iframe</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">frameborder</span>=<span class="value" style="color:rgb(42,161,152)">"0"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">iframe</span>></span>  
缩写：emb

别名：embed

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">embed</span> <span class="attribute" style="color:rgb(181,137,0)">src</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">""</span> /></span>  
缩写：obj

别名：object

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">object</span> <span class="attribute" style="color:rgb(181,137,0)">data</span>=<span class="value" style="color:rgb(42,161,152)">""</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">""</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">object</span>></span>  
缩写：src

别名：source

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">source</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">source</span>></span>  
缩写：cap

别名：caption

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">caption</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">caption</span>></span>  
缩写：colg

别名：colgroup

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">colgroup</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">colgroup</span>></span>  
缩写：fst, fset

别名：fieldset

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">fieldset</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">fieldset</span>></span>  
缩写：btn

别名：button

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">button</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">button</span>></span>  
缩写：btn:b

别名：button[type=button]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">button</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"button"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">button</span>></span>  
缩写：btn:r

别名：button[type=reset]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">button</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"reset"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">button</span>></span>  
缩写：btn:s

别名：button[type=submit]

[xml] view plain copy
<span class="tag" style=""><<span class="title" style="color:rgb(38,139,210)">button</span> <span class="attribute" style="color:rgb(181,137,0)">type</span>=<span class="value" style="color:rgb(42,161,152)">"submit"</span>></span><span class="tag" style=""></<span class="title" style="color:rgb(38,139,210)">button</span>></span>  
关于更多的HTML以及CSS的缩写请查看：
**http://blog.csdn.net/msyqmsyq/**