【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. Windows API函数大全

    WindowsAPI函数大全(精心总结) 目录 1. API之网络函数... 1 2. API之消息函数... 1 3. API之文件处理函数... 2 4. API之打印函数... 5 5. API ...

  2. 水题 Codeforces Beta Round #70 (Div. 2) A. Haiku

    题目传送门 /* 水题:三个字符串判断每个是否有相应的元音字母,YES/NO 下午网速巨慢:( */ #include <cstdio> #include <cstring> ...

  3. 题解报告:hdu 2069 Coin Change(暴力orDP)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2069 Problem Description Suppose there are 5 types of ...

  4. 光盘安装ubuntu出现busybox-initramfs不能继续安装的终极解决方法

    我用的是Intel G45的主板,可能是板子太新的原因,kernel支持有问题 从光盘(官方寄来的光盘)安装ubuntu,出现提示: BusyBox V1.1.3 (Debian 1:1.1.3-5u ...

  5. 转 Oracle Transportable TableSpace(TTS) 传输表空间 说明

    ############1   迁移数据库的集中方法 三.相关技术 迁移方式 优势 不足1 Export and import • 对数据库版本,以及系统平台没有要求 • 不支持并发,速度慢• 停机时 ...

  6. 微信打开网址添加在浏览器中打开提示 http://caibaojian.com/weixin-tip.html

    原文链接:http://caibaojian.com/weixin-tip.html#t2 使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等.网上流传的各种微信打开下载链接,微信已更新基 ...

  7. form表单ajaxSubmit提交并验证

    html: <form class="register-form" action="{:U('')}" method="post"&g ...

  8. time模块、datetime模块讲解

    time模块清楚三种格式的时间相互转换 import time# 时间分为三种格式#1.时间戳start= time.time()time.sleep(3)stop= time.time()print ...

  9. Android学习笔记(十四) Handler理论补充

    一.如何下载Android源码 在SDK Manager中选中Sources for Android SDK. 二.ThreadLocal初步介绍 1)执行ThreadLocal对象(static f ...

  10. js 和 java 将时间倒计时显示

    需求:用户购买产品,创建了一个订单,但是还么有支付,此时给用户三十分钟剩余支付时间,前台页面做倒计时功能,时间到达时,更改订单状态 ,输出的格式是:29:23 java 实现 package com. ...