【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. python的Debug调试

    先打开Shell的Debug-->Debugger调试, 然后点击程序的运行 点击Debug的step按钮查看每一步的结果

  2. 洛谷 P2312 解方程

    题目 首先,可以确定的是这题的做法就是暴力枚举x,然后去计算方程左边与右边是否相等. 但是noip的D2T3怎么会真的这么简单呢?卡常卡的真是熟练 你需要一些优化方法. 首先可以用秦九韶公式优化一下方 ...

  3. 数论(GCD) HDOJ 4320 Arcane Numbers 1

    题目传送门 题意:有一个A进制的有限小数,问能否转换成B进制的有限小数 分析:0.123在A进制下表示成:1/A + 2/(A^2) + 3 / (A^3),转换成B进制就是不断的乘B直到为0,即(1 ...

  4. composer 加快更新速度

    一.使用代理 set http_proxy=http://127.0.0.1:8087 //Windows export http_proxy=http://127.0.0.1:8087 //linu ...

  5. C#中如何判断键盘按键和组合键

    好记性不如烂笔头子,现在记录下来,不一定会有很详尽的实例,只写最核心的部分. C# winform的窗体类有KeyPreview属性,可以接收窗体内控件的键盘事件注册.窗体和控件都有KeyDown,K ...

  6. 应用CSS样式表

    首先应该分清楚应用CSS样式表到HTML页面中和将css样式表绑定到HTML页面的对象,是两个不同的概念.像之前说的通过不同的选择器将样式表绑定到HTML页面中的对象,但其实使用的都是同一种方法应用c ...

  7. java awt 乱码问题

    问题:项目环境是utf-8,awt的元件比如label一直乱码 解决: (eclipse) 1.在你的具有main函数的类也即你应用运行的主类上点击右键,选择Run As中的Run Configura ...

  8. [转]强制取消TFS2008中其它成员的签出文件

    本文转自:http://www.cnblogs.com/georgehu/archive/2010/10/23/1859573.html 有个项目,以前的成员离职了,刚好又签出了一个文件在TFS中并且 ...

  9. js类、原型——学习笔记

    js 内置有很多类,我们用的,都是从这些类实例化出来的. function Object () {} function Array () {} function String () {} functi ...

  10. js 日期时间大小比较

    <body> 开始时间:<input onfocus="setday(this)" id="startTime" name="sta ...