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

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

  1. 是否是插件配置文件snippets.json的问题?(emmet是一个非常方便的代码补全的插件)
    【Preferences】>【Browse Packages】进入sublime text所有安装的插件包,打开ement>ement文件夹下面的snippets.json文件,打开
    为什么sublime text中input、img等没有闭合标签?_第1张图片
    为什么sublime text中input、img等没有闭合标签?_第2张图片

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

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

  3. 怎么解决?在所有doctype下,都出现/,这就需要我们手动去配置
    为什么sublime text中input、img等没有闭合标签?_第3张图片
    添加以下代码:

{
      "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 />

你可能感兴趣的:(Sublime,text,sublime,input-img,无闭合标签,标签,插件)