配置html.json用户代码片段

{

    "a标签": {

        "prefix": "aaa",

        "body": [

            "<a href=\"javascript:;\">$1</a>"

        ],

        "description": "我自己定义的a标签"

    },

    "理想视口标签": {

        "prefix": "meta:vp",

        "body": [

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

        ],

        "description": "理想视口的标准写法"

    },

    "多了一个div": {

        "prefix": "qdsq",

        "body": [

            "<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no\"> <title>$TM_FILENAME</title> <style> div:nth-child(1) { width: 200px; height: 200px; background-color: aqua;  margin: 100px auto; } </style> </head> <body> <div></div>  <script> var div=document.querySelector(\"div\"); </script></body> </html>"

        ],

        "description": "多了一个div"

    },

    "li标签嵌套a标签嵌套图片标签": {

        "prefix": "liai",

        "body": [

            " (li>a[href=\"javascript:;\"]>img[src])"

        ],

        "description": "li>a>img"

    }

    ,

    "生成jq标签": {

        "prefix": "sq",

        "body": [

            " <script src=\"https://cdn.staticfile.org/jquery/1.2.3/jquery.js\"></script>"

        ],

        "description": ""

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,019评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,573评论 0 5
  • 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HTML5...
    Programmer客栈阅读 6,107评论 0 12
  • (2017-01-21-星期六 13:20:59) 激活想法的速度(放慢速度观察想法的运行是非常有趣的)
    菜五阅读 1,313评论 0 0