【问题标题】:"error: input is self closing and should not have content" with nonexistent tag?“错误:输入是自动关闭的,不应该有内容”标签不存在?
【发布时间】:2014-08-13 02:16:40
【问题描述】:

我收到input is self closing and should not have content. 错误,但正如您在下面看到的,没有任何内容的输入标签。我什至删除了错误引用的行,它仍然会发生。我用的是翡翠。

    26|         li(class=(view==="redeem" ?  "active": ""))
    27|           a(href="/transfer/redeem#action") Redeem Code
  > 28|       hr(id='action',class='mobile',style='padding-top: 50px;')
    29|       h2#track-balance(style="text-align: left") Balance: 
    30|             span.currency #{balace}
    31|       br
    32|      - if (success === false) {   
    33|            div.alert.alert-danger
    34|              strong Sorry!
    35|              | Your request could not be completed.
    36|        - } else if (success === true) {   
    37|             div.alert.alert-success
    38|               strong Success!
    39|               | Your request completed!
    40|        - }

根据下面的评论 实际错误在另一个包含的文件中:

|28       input(id='friend_fbid',type='hidden',name='say[facebook_id]')

但这个输入里面什么都没有,甚至没有任何尾随空格。

【问题讨论】:

  • 你能再显示几行,最好是整个 div/section 吗?我收到了来自玉的错误,实际上并没有提到。
  • 这个文件中没有输入,但是下面有一些includes。
  • 所以调试器以某种方式将这些作为错误所在的行输出,但文件和行引用实际上是包含在另一个文件中。

标签: html pug


【解决方案1】:

hr 标签没有这些属性,所以它会抛出一个错误,说它是自动关闭的,因为它在渲染时实际上只是<hr>。所以它是自动关闭的,因此不需要任何动作/属性,正如玉所说的内容。类似于<br /> 标签,但没有结束斜线。

如果您希望分配这些属性,请通过在 css 中使用 span 和 line 来制作自定义 Hr。

或者,如果它只是填充,则添加一个顶部填充 50px 的 div。

【讨论】:

  • 这就是我不喜欢html的原因。
  • 不,删除了所有属性,它仍然给出同样的错误。我也不明白为什么它说错误与输入标签有关。此外,Mozilla 说这些是全局属性,hr 元素包括它们:developer.mozilla.org/en-US/docs/Web/HTML/Element/hr#Attributes
  • 嗨,诚然确实如此,但它们在 HTML5 中大多已被弃用。刚刚看到您的更新/cmets,是 facebook_id 和friend_fbid 变量吗?即动态
猜你喜欢
  • 1970-01-01
  • 2014-01-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-24
  • 1970-01-01
  • 1970-01-01
  • 2020-04-21
相关资源
最近更新 更多