文档章节

工欲善其事,必先利其器(三)

行者问行
 行者问行
发布于 2016/11/15 22:07
字数 404
阅读 22
收藏 0

写在前面的话:关于html的快速编写也有很多,这里只摘抄我觉得比较常用的。如果想了解更多,可以查看下面两个网址:

1.     http://www.w3cplus.com/tools/emmet-cheat-sheet.html

2.      http://www.iteye.com/news/27580

下面来详细说明:

1.  生成声明文档:

缩写: !与 html:5    tab键生成的代码是一样的

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

    缩写: html   enter键(上面的两种方法声明的更标准一些)

<html>
	<head>
		<title></title>
	</head>
	<body>
		
	</body>
</html>

2.  a标签    

    缩写: a:link

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

    缩写: a:mail

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

3.  link标签

    缩写: link

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

    缩写: link:css

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

    缩写: link:print

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

    缩写:link:favicon

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

    缩写:link:touch

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

    缩写:link:rss

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

    缩写:link:atom

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

4.  meta标签

缩写:meta:utf

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

缩写:meta:win

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

缩写:meta:vp

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

缩写:meta:compat

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

5.  input标签

缩写:input:hidden

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

缩写:input:text

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

缩写:input:search

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

缩写:input:email

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

缩写:input:url

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

缩写:input:password

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

缩写:input:checkbox

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

缩写:input:submit

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

缩写:input:reset

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

 

本文转载自:http://www.w3cplus.com/tools/emmet-cheat-sheet.html

行者问行
粉丝 1
博文 13
码字总数 5075
作品 0
郑州
前端工程师
私信 提问
1、C语言 —— Hello World

一、工欲善其事,必先利其器。咱们要神器Xcode来进行C语言学习。 (可在App Store中下载,也可在迅雷的Thunder Store中下载) 二、点击Xcode,选择“Create a new Xcode project”,意思你我...

cobish
2014/03/16
425
0
工欲善其事,必先利其器,你有哪些好的职场工作工具?那些缺的,给位补充下

工欲善其事,必先利其器,你有哪些好的职场工作工具? 1.找人利器:脉脉,LinkedIn等 2.查企业信息:企查查,天眼查,企业信用网等 3.CRM软件:纷享销客,销售易等 4.通讯录:名片全能王等 5.记录...

没有初恋
2017/07/19
102
3
OC Xcode 注释插件VVDocumenter-Xcode

题记:工欲善其事必先利其器 VVDocumenter-Xcode 是款很好用的注释插件 安装操作步骤如下: 下载VVDocumenter-Xcode.zip包 https://github.com/onevcat/VVDocumenter-Xcode 解压后(本机mac...

卧龙小
2014/10/29
307
0
Android开发和分析工程师的利器【来自网易内部工具】

“工欲善其事,必先利其器”,为了提高Android开发和分析的效率,为大家介绍一款Windows下的右键工具,主要功能包括:dex转jar,二进制xml查看,apk相关信息查询,apk图标提取,apk优化,手机...

网易云捕
2016/04/08
195
0
flowable设计器插件安装

原文地址:http://www.shareniu.com/ 工欲善其事必先利其器,要想使用flowable,必须搭建一套环境,本文以Eclipse中安装flowable插件为例详细说明整个安装过程。 首先,打开Eclipse,HelpàI...

分享达人
2017/01/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
昨天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部