sublime text3中使用Emmet部分标签无法闭合
2014-06-11 08:24
183 查看
转载自:http://geek100.com/2490/
不过很早就发现br,input, img在sublime text中是没有闭合标签 / 的. 我一般都是手动补上的, 今天突然想起这个问题, 所以想把原因搞清楚.
所以我首先想到的是去查看这个文件:
点击'browse packages' –> Emmet –> emmet –> snippets.json, 发现里面的input, img 和 meta等标签都是有 / 的. 但是在编辑器里运行就没有了. 想想也是, emmet用的人这么多, 不可能犯这种低级错误.
1. 只有在html:xt, 也就是XHTML 1.0 模式下 / 才会出现;
2. 在其他模式, 即使是html:5 <!doctype html>下面 / 也是没有闭合的. 我猜是因为HTML5没有严格的要求input img等标签闭合还是不闭合.
点击如下地方,
添加如下代码:
{
"syntaxProfiles": {
// Enable XHTML dialect for HTML syntax
"html": "xhtml"
}
}
大功告成...
从这个小细节也可以看出Emmet作者是个知识丰富, 考虑问题全面的人, 牛X...
不过很早就发现br,input, img在sublime text中是没有闭合标签 / 的. 我一般都是手动补上的, 今天突然想起这个问题, 所以想把原因搞清楚.
一. 以为是snippets.json的配置有问题
我们知道, sublime text中的emmet自动补全是有个配置文件来决定每个标签的补全代码是怎么样的.所以我首先想到的是去查看这个文件:
点击'browse packages' –> Emmet –> emmet –> snippets.json, 发现里面的input, img 和 meta等标签都是有 / 的. 但是在编辑器里运行就没有了. 想想也是, emmet用的人这么多, 不可能犯这种低级错误.
二. 真正的原因: 不同的doctype
于是继续在网上搜索一番, 发现 / 消失的原因是不同的doctype引起的:1. 只有在html:xt, 也就是XHTML 1.0 模式下 / 才会出现;
2. 在其他模式, 即使是html:5 <!doctype html>下面 / 也是没有闭合的. 我猜是因为HTML5没有严格的要求input img等标签闭合还是不闭合.
三. 如何解决: 让所有doctype下 / 都出现, input img等标签都闭合?
了解了原因后, 修改就简单了:点击如下地方,
添加如下代码:
{
"syntaxProfiles": {
// Enable XHTML dialect for HTML syntax
"html": "xhtml"
}
}
大功告成...
从这个小细节也可以看出Emmet作者是个知识丰富, 考虑问题全面的人, 牛X...
相关文章推荐
- 求助:部分电脑无法使用VBScript.RegExp提供的功能
- 部分地区移动手机无法使用QQ邮箱IMAP收件原因的分析[附解决方法]
- 解决node-webkit下使用<audio>标签无法播放音频的问题
- 使用腾讯企业邮箱,部分邮箱无法正常接收邮件问题
- 解决部分软件在windows server 2008 中无法使用的方法
- Web前端开发最佳实践(5):正确闭合HTML标签,停止使用不标准的标签和属性
- 关于使用反射无法取得部分注解
- 浅谈在SEO中书写标签时部分常用符号的使用
- JSP页面中使用JSTL标签出现无法解析问题解决办法
- tomcat 下 无法使用 jstl 的EL标签
- 使用路由器后发现部分网站无法访问
- struts2中部分标签使用(for 4000 m表单)
- 部分预装win8 thinkpad无法使用其他引导介质的解决方法
- struts2 iterator标签内使用property标签无法获取迭代对象以外的值的解决方法
- 新云CMS部分模板标签的使用技巧
- Flex中如何使用A标签解决Text中给部分文字加连接的问题。
- Discuz Database Error 数据库链接正确,涉及到记录日志的,部分功能无法使用
- Android UI设计之<六>使用HTML标签,实现在TextView中对部分文字进行加粗显示
- 使用form标签上传图片无法获取到