【01】emmet系列之基础介绍

　　【02】emmet系列之HTML语法

　　【03】emmet系列之CSS语法

　　【04】emmet系列之编辑器

　　【05】emmet系列之各种缩写

各种缩写

 

缩写：!

  1. <!doctype html>
  2. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>Document</title>
  7. </head>
  9. <body></body>
  11. </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. 《Windows核心编程系列》十四谈谈默认堆和自定义堆

    堆 前面我们说过堆非常适合分配大量的小型数据.使用堆可以让程序员专心解决手头的问题,而不必理会分配粒度和页面边界之类的事情.因此堆是管理链表和数的最佳方式.但是堆进行内存分配和释放时的速度比其他方式都 ...

  2. Qt对象模型之一：信号和槽

    一.信号和槽机制概述 信号槽是 Qt 框架引以为豪的机制之一.所谓信号槽,实际就是观察者模式.当某个事件发生之后,比如,按钮检测到自己被点击了一下,它就会发出一个信号(signal).这种发出是没有目 ...

  3. 转 ORA-00054 的解决方法

    统有一个不用的索引,想删除这个索引, SQL> drop index GPSTIME_GLOBAL_INDEX  2  /drop index GPSTIME_GLOBAL_INDEX      ...

  4. 窗口Dialog

    Dialog是窗口的意思,它是Window的子类.与frame相比,frame是我们大的窗口,而dialog便是那种弹出来和你说话的对话框. Dialog类的默认布局是BorderLayout Dia ...

  5. Android开发学习——Android Studio配置SVN

    一.基本配置 1. 下载这个,然后双击 安装,按下图这样选 然后 傻瓜式安装 2. 进入Android studio设置:Use Command Line Client 选择浏览到第1步你本地安装 T ...

  6. XmlDocument

    XmlDocument增删改查. using System; using System.Collections.Generic; using System.ComponentModel; using ...

  7. iOS捷径(Workflow 2.0)拓展

    前言 iOS12 捷径(Workflow 2.0)入门 iOS12 捷径(Workflow 2.0)进阶 iOS12捷径(Workflow 2.0)实例大全 注:本文主要介绍如何获取URL Schem ...

  8. html中 accept 属性

    1.HTML <input> 标签的 accept 属性 在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像: <form> < ...

  9. C# 方法 虚方法的调用浅谈 引用kdalan的博文

    我们在面试中经常碰到有关多态的问题,之前我也一直被此类问题所困扰,闹不清到底执行哪个方法. 先给出一道简单的面试题,大家猜猜看,输出是?     public class A    {         ...

  10. java web 学习笔记 - JSP标签编程

    1.JSP标签编程简介 标签编程在开发中并不常见,主要是为了更好的理解struts等框架的标签而打基础,完善相关知识体系. 标签编程分为: 一个继承自TagSupport的标签类,一个在WEB-INF ...