# zen codeing 与 emmet 快速写代码:

----------------------------------------------

emmet   -> tab      快捷展开键；

!   html:5          html5的页面结构

html:4s html:4t     html4的页面结构

meta:utf            编码

meta:vp             适应各种屏幕

meta:compat         使用IE7以上版本

title{内容}         标题

link:css            调用外部样式

link:rss            输出RSS文件地址【rss 阅读器】

link:favicon        标题图标

link:print          调用打印样式

script:src          调用外部脚本

style               样式

script              脚本

base                文件位置定向

----------------------------------------------

c                   注释

cc:ie               只能IE识别

cc:noie             非IE能识别

cc:ie6              只能IE6识别

----------------------------------------------

.classname          默认是DIV的CLASS类的标签

#id                 默认是DIV的ID的标签

#id.classname...    DIV标签的组合写法

------------------ 标签组 ----------------------------

table+   tr+        表格

ul+  ol+            列表

select+             下拉选择框

dl+                 项目列表

----------------------------------------------

a                   链接

a:link              http链接

a:mail              邮件链接

abbr                缩写 eg: abbr[title='personal computer']{pc}

----------------------------------------------

div span header footer section aside.....  常用

br                  换行符

hr                  分隔线

img                 图片

video               视频

audio               声音

bq                  代码块

fig figc            描述标签组

ifr                 框架

----------------- FORM -----------------------------

form form:get form:post 表单

label               标签

inp input           输入框 :color :password :button :checkbox=:c :radio=:r :number :datetime-local :email :tel

                           :hidden :submit=:s  :reset :f

select+             下拉选项

textarea            输入区域