为何我在Brackets编辑器中编写的HTML代码会出现语法错误提示？

问题原因 #

你提供的代码中<img>标签的src属性末尾多了一个冗余的双引号，对应代码行如下：

<img src="https://i.imgflip.com/5jbbmk.jpg"" alt="" class="slider-image">

这里src值的末尾连续写了两个双引号，属于HTML语法小错误。

表现差异的原因 #

• Brackets编辑器的语法校验规则较为严格，识别到引号匹配异常后，就会对错误位置以及后续受解析逻辑影响的代码做高亮报错提示
• 浏览器本身对HTML语法有很强的自动容错能力，会主动修正这类简单的引号冗余问题，所以你单独发布页面时可以正常显示

修复方法 #

删掉src属性末尾多余的双引号即可，修正后的代码为：

<img src="https://i.imgflip.com/5jbbmk.jpg" alt="" class="slider-image">

即使浏览器能自动兼容这类小错误，也建议及时修正，避免后续迭代代码时出现不可预期的解析异常，同时也能消除编辑器的错误提示。

内容的提问来源于stack exchange，提问作者Jack