为什么sublime text中input、img等没有闭合标签?

我写的ui页面交给后台人员,他说我input没有写闭合标签,他那里会有警告,让我以后加上,一番百度之后才明白其中原因:

  1. 是否是插件配置文件snippets.json的问题?(emmet是一个非常方便的代码补全的插件)
    【Preferences】>【Browse Packages】进入sublime text所有安装的插件包,打开ement>ement文件夹下面的snippets.json文件,打开
    这里写图片描述
    这里写图片描述

    我们发现,配置文件中的input是有/的,img等一些标签也是有的,这就说明不是插件本身的问题

  2. 原因所在:是doctype的不同引起的
    1、html:xt,也就是xhtml 1.0版本下会出现/
    2、html:5,h5模式下没有闭合/

  3. 怎么解决?在所有doctype下,都出现/,这就需要我们手动去配置
    这里写图片描述
    添加以下代码:

{
      "syntaxProfiles": {
          // Enable XHTML dialect for HTML syntax
          "html": "xhtml"
      }
}

另外,此类标签除了还有以下不需成对出现:

    <input type=" " />
    <img src="" alt="" />
    <meta />
    <br />
    <hr />
    <area shape="" coords="" href="" alt="" />
    <base href="" />
    <link rel="stylesheet" href="" />
    <basefont />
    <col />
    <frame />
    <embed src="" type="" />
    <keygen />
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值