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/**
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值