emmet用法

emmet 用法

子代操作符（Child）：>
兄弟操作符（Sibling）：+
返回上級操作符（Climb-up）：^
乘法操作符（Multiplication）：*
分組操作符（Grouping）：()
ID 和 Class==》 # .
中括號[]定製屬性
數值計算操作符（Item numbering）：$
如果你想倒着寫數值的話呢，可以在 $ 操作符後面再加上 @- 從那個數值開始
文本操作符（Text）：{}
loremN N爲生成單詞數，也可以不寫，自動生成隨機假文

div => <div> </div>
foo => <foo> </foo>
html:5 => 將生成html5標準的包含body爲空基本dom
html:xt => 生成XHTML過渡文檔類型,DOCTYPE爲XHTML
html:4s => 生成HTML4嚴格文檔類型,DOCTYPE爲HTML 4.01
a:mail          => <a href="mailto:"></a>
a:link          => <a href="http://"></a>
base            => <base href="">
br              => <br>
link            => <link rel="stylesheet" href="">
script:src      => <script src=""></script>
form:get        => <form action="" method="get"></form>
label           => <label for=""></label>
input           => <input type="text">
inp             => <input type="text" name="" id="">
input:hidden    => <input type="hidden" name=""> input:h亦可
input:email     => <input type="email" name="" id="">
input:password  => <input type="password" name="" id="">
input:checkbox  => <input type="checkbox" name="" id="">
input:radio     => <input type="radio" name="" id="">
select          => <select name="" id=""></select>
option          => <option value=""></option>
bq              => <blockquote></blockquote>
btn             => <button></button>
btn:s           => <button type="submit"></button>
btn:r           => <button type="reset"></button>