zoukankan      html  css  js  c++  java
  • [转载] VsCode中使用Emmet神器快速编写HTML代码

    转载: https://www.cnblogs.com/summit7ca/p/6944215.html

    E 代表HTML标签。
    
    E#id 代表id属性。
    
    E.class 代表class属性。
    
    E[attr=foo] 代表某一个特定属性。
    
    E{foo} 代表标签包含的内容是foo。
    
    E>N 代表N是E的子元素。
    
    E+N 代表N是E的同级元素。
    
    E^N 代表N是E的上级元素。
    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>
    自动计数(numbering)
    ul>li.item${item number:$}*3
    <ul>
        <li class="item1">item number:1</li>
        <li class="item2">item number:2</li>
        <li class="item3">item number:3</li>
    </ul>
  • 相关阅读:
    动静分离和前后端分离相关
    Nginx搭建动态静态服务器
    动态资源与静态资源
    LVS与Keepalived
    Tomcat实现多主多备
    Keepalived实现心跳检测实现自动重启
    nginx+keepalived简单双机主从热备
    keepalived安装
    php与java通用AES加密解密算法
    PHP修改memory_limit的三种办法
  • 原文地址:https://www.cnblogs.com/svvv/p/14977726.html
Copyright © 2011-2022 走看看