Blaze 模板 - 没有值的属性

Question

如何使用 Blaze 编写没有值的属性？就像在一个只有一个字符串的属性中一样，没有 =.

例如，我想在 Blaze 中添加一个 YouTube 嵌入，但我不知道如何添加 allowfullscreen 部分。 blaze-from-html 工具出错并告诉我它在 HTML5 中是非法的，我不确定如何从文档中做到这一点。 HTML 应该是这样的：

<iframe width="560" height="315"
    src="https://www.youtube.com/embed/T4r91mc8pbo" 
    frameborder="0" allowfullscreen>
</iframe>

我试过创建自定义元素，例如

allowfullscreen :: AttributeValue -> Attribute
allowfullscreen = attribute "allowfullscreen" " allowfullscreen"

但无论如何它都会附加等号 - allowfullscreen"=" 并且不允许全屏显示。

我正在使用 blaze-html 0.8.1.1 和 blaze-markup 0.7.0.3。

Answer 1

Boolean attributes (HTML5 spec)

If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute’s canonical name, with no leading or trailing white space.

Examples
<label><input type=checkbox checked name=cheese disabled> Cheese</label>
<label><input type=checkbox checked=checked name=cheese disabled=disabled> Cheese</label>
<label><input type='checkbox' checked name=cheese disabled=""> Cheese</label>

另见 HTML4。

关于那个 Github issue for blaze-html。

所以 allowfullscreen="allowfullscreen" 应该可以。

Blaze 模板 - 没有值的属性

Blaze Templating - Attribute with no value

haskell

blaze-html

Boolean attributes (HTML5 spec)

Examples