【01】emmet系列之基础介绍

  【02】emmet系列之HTML语法

  【03】emmet系列之CSS语法

  【04】emmet系列之编辑器

  【05】emmet系列之各种缩写

各种缩写

 

缩写:!

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body></body>
  8. </html>
 

缩写:a

  1. <a href=""></a>
 

缩写:a:link

  1. <a href="http://"></a>
 

缩写:a:mail

  1. <a href="mailto:"></a>
 

缩写:abbr

  1. <abbr title=""></abbr>
 

缩写:acronym

  1. <acronym title=""></acronym>
 

缩写:base

  1. <base href=""/>
 

缩写:basefont

  1. <basefont />
 

缩写:br

  1. <br />
 

缩写:frame

  1. <frame />
 

缩写:hr

  1. <hr />
 

缩写:bdo

  1. <bdo dir=""></bdo>
 

缩写:bdo:r

  1. <bdo dir="rtl"></bdo>
 

缩写:bdo:l

  1. <bdo dir="ltr"></bdo>
 

缩写:col

  1. <col />
 

缩写:link

  1. <link rel="stylesheet" href=""/>
 

缩写:link:css

  1. <link rel="stylesheet" href="style.css"/>
 

缩写:link:print

  1. <link rel="stylesheet" href="print.css" media="print"/>
 

缩写:link:favicon

  1. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
 

缩写:link:touch

  1. <link rel="apple-touch-icon" href="favicon.png"/>
 

缩写:link:rss

  1. <link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml"/>
 

缩写:link:atom

  1. <link rel="alternate" type="application/atom+xml" title="Atom" href="atom.xml"/>
 

缩写:meta

  1. <meta />
 

缩写:meta:utf

  1. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
 

缩写:meta:win

  1. <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"/>
 

缩写:meta:vp

  1. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
 

缩写:meta:compat

  1. <meta http-equiv="X-UA-Compatible" content="IE=7"/>
 

缩写:style

  1. <style></style>
 

缩写:script

  1. <script></script>
 

缩写:script:src

  1. <script src=""></script>
 

缩写:img

  1. <img src="" alt=""/>
 

缩写:iframe

  1. <iframe src="" frameborder="0"></iframe>
 

缩写:embed

  1. <embed src="" type=""/>
 

缩写:object

  1. <object data="" type=""></object>
 

缩写:param

  1. <param name="" value=""/>
 

缩写:map

  1. <map name=""></map>
 

缩写:area

  1. <area shape="" coords="" href="" alt=""/>
 

缩写:area:d

  1. <area shape="default" href="" alt=""/>
 

缩写:area:c

  1. <area shape="circle" coords="" href="" alt=""/>
 

缩写:area:r

  1. <area shape="rect" coords="" href="" alt=""/>
 

缩写:area:p

  1. <area shape="poly" coords="" href="" alt=""/>
 

缩写:form

  1. <form action=""></form>
 

缩写:form:get

  1. <form action="" method="get"></form>
 

缩写:form:post

  1. <form action="" method="post"></form>
 

缩写:label

  1. <label for=""></label>
 

缩写:input

  1. <input type="text"/>
 

缩写:inp

  1. <input type="text" name="" id=""/>
 

缩写:input:hidden

别名:input[type=hidden name]

  1. <input type="hidden" name=""/>
 

缩写:input:h

别名:input:hidden

  1. <input type="hidden" name=""/>
 

缩写:input:text, input:t

别名:inp

  1. <input type="text" name="" id=""/>
 

缩写:input:search

别名:inp[type=search]

  1. <input type="search" name="" id=""/>
 

缩写:input:email

别名:inp[type=email]

  1. <input type="email" name="" id=""/>
 

缩写:input:url

别名:inp[type=url]

  1. <input type="url" name="" id=""/>
 

缩写:input:password

别名:inp[type=password]

  1. <input type="password" name="" id=""/>
 

缩写:input:p

别名:input:password

  1. <input type="password" name="" id=""/>
 

缩写:input:datetime

别名:inp[type=datetime]

  1. <input type="datetime" name="" id=""/>
 

缩写:input:date

别名:inp[type=date]

  1. <input type="date" name="" id=""/>
 

缩写:input:datetime-local

别名:inp[type=datetime-local]

  1. <input type="datetime-local" name="" id=""/>
 

缩写:input:month

别名:inp[type=month]

  1. <input type="month" name="" id=""/>
 

缩写:input:week

别名:inp[type=week]

  1. <input type="week" name="" id=""/>
 

缩写:input:time

别名:inp[type=time]

  1. <input type="time" name="" id=""/>
 

缩写:input:number

别名:inp[type=number]

  1. <input type="number" name="" id=""/>
 

缩写:input:color

别名:inp[type=color]

  1. <input type="color" name="" id=""/>
 

缩写:input:checkbox

别名:inp[type=checkbox]

  1. <input type="checkbox" name="" id=""/>
 

缩写:input:c

别名:input:checkbox

  1. <input type="checkbox" name="" id=""/>
 

缩写:input:radio

别名:inp[type=radio]

  1. <input type="radio" name="" id=""/>
 

缩写:input:r

别名:input:radio

  1. <input type="radio" name="" id=""/>
 

缩写:input:range

别名:inp[type=range]

  1. <input type="range" name="" id=""/>
 

缩写:input:file

别名:inp[type=file]

  1. <input type="file" name="" id=""/>
 

缩写:input:f

别名:input:file

  1. <input type="file" name="" id=""/>
 

缩写:input:submit

  1. <input type="submit" value=""/>
 

缩写:input:s

别名:input:submit

  1. <input type="submit" value=""/>
 

缩写:input:image

  1. <input type="image" src="" alt=""/>
 

缩写:input:i

别名:input:image

  1. <input type="image" src="" alt=""/>
 

缩写:input:button

  1. <input type="button" value=""/>
 

缩写:input:b

别名:input:button

  1. <input type="button" value=""/>
 

缩写:isindex

  1. <isindex />
 

缩写:input:reset

别名:input:button[type=reset]

  1. <input type="reset" value=""/>
 

缩写:select

  1. <select name="" id=""></select>
 

缩写:option

  1. <option value=""></option>
 

缩写:textarea

  1. <textarea name="" id="" cols="30" rows="10"></textarea>
 

缩写:menu:context

别名:menu[type=context]>

  1. <menu type="context"></menu>
 

缩写:menu:c

别名:menu:context

  1. <menu type="context"></menu>
 

缩写:menu:toolbar

别名:menu[type=toolbar]>

  1. <menu type="toolbar"></menu>
 

缩写:menu:t

别名:menu:toolbar

  1. <menu type="toolbar"></menu>
 

缩写:video

  1. <video src=""></video>
 

缩写:audio

  1. <audio src=""></audio>
 

缩写:html:xml

  1. <html xmlns="http://www.w3.org/1999/xhtml"></html>
 

缩写:keygen

  1. <keygen />
 

缩写:command

  1. <command />
 

缩写:bq

别名:blockquote

  1. <blockquote></blockquote>
 

缩写:acr

别名:acronym

  1. <acronym title=""></acronym>
 

缩写:fig

别名:figure

  1. <figure></figure>
 

缩写:figc

别名:figcaption

  1. <figcaption></figcaption>
 

缩写:ifr

别名:iframe

  1. <iframe src="" frameborder="0"></iframe>
 

缩写:emb

别名:embed

  1. <embed src="" type=""/>
 

缩写:obj

别名:object

  1. <object data="" type=""></object>
 

缩写:src

别名:source

  1. <source></source>
 

缩写:cap

别名:caption

  1. <caption></caption>
 

缩写:colg

别名:colgroup

  1. <colgroup></colgroup>
 

缩写:fst, fset

别名:fieldset

  1. <fieldset></fieldset>
 

缩写:btn

别名:button

  1. <button></button>
 

缩写:btn:b

别名:button[type=button]

  1. <button type="button"></button>
 

缩写:btn:r

别名:button[type=reset]

  1. <button type="reset"></button>
 

缩写:btn:s

别名:button[type=submit]

  1. <button type="submit"></button>
 

【05】emmet系列之各种缩写的更多相关文章

  1. 【04】emmet系列之编辑器

     [01]emmet系列之基础介绍 [02]emmet系列之HTML语法 [03]emmet系列之CSS语法 [04]emmet系列之编辑器 [05]emmet系列之各种缩写 前端开发人员,常用的是s ...

  2. 【03】emmet系列之CSS语法

    [01]emmet系列之基础介绍 [02]emmet系列之HTML语法 [03]emmet系列之CSS语法 [04]emmet系列之编辑器 [05]emmet系列之各种缩写   单位: 有几个常用值别 ...

  3. 【02】emmet系列之HTML语法

    [01]emmet系列之基础介绍 [02]emmet系列之HTML语法 [03]emmet系列之CSS语法 [04]emmet系列之编辑器 [05]emmet系列之各种缩写 初始化 :快速编写HTML ...

  4. 【01】emmet系列之基础介绍

    [01]emmet系列之基础介绍 [02]emmet系列之HTML语法 [03]emmet系列之CSS语法 [04]emmet系列之编辑器 [05]emmet系列之各种缩写 相关网址 官网:http: ...

  5. emmet 系列(1)基础语法

    emmet 系列(1)基础语法 emmet 是一个能显著提升开发html和css开发效率的web开发者工具 emmet基本上目前已知的编辑器都有相应的插件,各个编辑器的emmet插件的下载地址:点我下 ...

  6. Emmet 语法大全(缩写语法/sublime 插件)

    Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性. 元素 可以使用元素名(如 div 或者 p)来生成 HTML 标签.Emmet 没有预定义的有效元素名的集合,可以 ...

  7. 如何在“代码”视图中工作并充分利用 Dreamweaver 的编码功能。如 Emmet 缩写

    可通过多种方式在 Dreamweaver 中处理代码. 您可以使用“新建文档”对话框打开新的代码文件,然后开始键入您的代码. 在 Dreamweaver 中创建新的代码文件 键入时,会显示代码提示以帮 ...

  8. Emmet的高级功能与使用技巧

    Emmet系列教程 前端开发利器Emmet的介绍 Emmet快速编写HTML代码 Emmet快速编写CSS样式 Emmet快速编写CSS样式 编写好HTML和CSS代码时,我们也需要修改或添加一些内容 ...

  9. vim 中 也可以 直接安装 emmet 直接使用zen coding 生成 l指定个数的 lorem ipsum文字.

    超链接的写法: 当作为链接的文字, 比较长时, 整个作为链接 就显得不是 很适合. 可以取其中的某一个单词 作为 超链接的 关键字:如: click here to continue emmet中如何 ...

随机推荐

  1. 安装ipython解释器

    安装ipython解释器 1.安装ipython,指定douban源下载 pip3 install -i https://pypi.douban.com/simple ipython 2.安装朱皮特 ...

  2. 题解报告:hdu1219AC Me

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1219 Problem Description Ignatius is doing his homewo ...

  3. AJPFX关于数组获取最值的思路和方法

    思路分析:1.定义一个变量(max,初始值一般为数组中的第一个元素值),用来记录最大值.2.遍历数组,获取数组中的每一个元素,然后依次和max进行比较.如果当前遍历到的元素比max大,就把当前元素值给 ...

  4. VS2012出现加载失败时的解决办法 win7同样适用

    今天更新了WIN8系统补丁,然后就出现了大量的问题,特别是经常用的软件像VS2012 老是加载失败,还说是缺少什么包一类的,弄了好长段时间终于解决了,现在将经验分享下 工具/原料 VS2012+WIN ...

  5. (Nginx+Apache)实现反向代理与负载均衡

    反向代理负载均衡 使用代理服务器可以将请求转发给内部的Web服务器,使用这种加速模式显然可以提升静态网页的访问速度.因此也可以考虑使用这种技术,让代理服务器将请求均匀转发给多台内部Web服务器之一上, ...

  6. npm run dev报错--Error: Cannot find module 'yargs-parser'

    Error: Cannot find module 'yargs-parser'  ---报错不知何解??? 百度了很久没找到方法,是缺少“ yargs-parser ”模块,需要安装一下即可:cnp ...

  7. springmvc 的配置 annotation-config/annotation-drive/ component-scan 区别

    1. <context:annotation-config /> 作用隐式的配置注解的加载类,默认的加载了AutowiredAnnotationBeanPostProcessor(auto ...

  8. REMOVE A WINDOWS SERVICE

    You can easily remove a Windows service from the Windows registry using a simple command prompt comm ...

  9. nginx负载均衡浅析

    熟悉Nginx的小伙伴都知道,Nginx是一个非常好的负载均衡器.除了用的非常普遍的Http负载均衡,Nginx还可以实现Email,FastCGI的负载均衡,甚至可以支持基于Tcp/UDP协议的各种 ...

  10. centOS linux 下PHP编译安装详解

    一.下载PHP源码包 wget http://php.net/distributions/php-5.6.3.tar.gz   二.添加依赖应用 yum install -y gcc gcc-c++ ...