HTML属性值可以放置哪些值？

Question

HTML属性值可以放置哪些值？

31

在HTML属性值中，我是否需要转义引号？有哪些字符是允许的？

下面的代码是合法的吗？

<span title="This is a 'good' title.">Hi</span>

- Kyle

请查看最新的HTML5规范中的title属性：http://dev.w3.org/html5/spec/Overview.html#the-title-attribute 我相信title属性使用了在这里定义的CDATA类型：http://www.w3.org/TR/html401/types.html#type-cdata - Bryan Downing

仅询问关于“&”符号：https://dev59.com/anA65IYBdhLWcg3wqAWt（很遗憾，这个问题之前已经出现过了，所以不算重复...） - Ciro Santilli OurBigBook.com

6个回答

4

那是正确的。但是，如果你需要在内部使用双引号，你必须用"进行转义，就像这样：

<span title="This is a &quot;good&quot; title.">Hi</span>

- Peter Olson

3

该值可以是任何内容，但您应该转义引号（"，'），标记分隔符（<，>）和&符号（&）。

- casablanca

这看起来不太对（参见其他答案中的规格链接）。 - Christophe

似乎不禁止使用<, >等符号。规范只禁止使用&符号。 - arviman

3

不需要在双引号内转义单引号。

此页面指定了span标签的有效属性：

http://www.w3.org/TR/html401/struct/global.html#edef-SPAN

此页面指定了标题属性中允许使用的有效字符：

http://www.w3.org/TR/html401/intro/sgmltut.html#attributes

- Adam Ayres

1

没问题。问题在于当你尝试在属性中放置双引号时，就像这样：

<span title="This is a "bad" title.">Hi</span>

您可以通过使用HTML实体来避免这种情况，如下所示：

<span title="This is a &quot;good&quot; title">Hi</span>

- Emmanuel

0

这里是一个验证函数，使用基于Brian Campbell的答案的正则表达式，用于最坏情况下的未引用属性。

validator: function (val) {
  if (!val || val.search(/['"=<>`]+|(&\s)+/) === -1) return true;
    return 'Disallowed characters in HTML attributes: \' " = < > ` &.';
},

- What Would Be Cool

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brian Campbell · Accepted Answer

如果您的属性值被引用（以双引号"开头和结尾），则允许使用除双引号和ampersands之外的任何字符，这些字符必须分别用"和&引用（或等效的数字实体引用"和&）。

您还可以在属性值周围使用单引号。如果这样做，您可以在属性中使用文字双引号：<span title='This is a "good" title.'>...</span>。为了在此类属性值中转义单引号，您必须使用数字实体引用'，因为某些浏览器不支持命名实体'（它在HTML 4.01中未定义）。

此外，您还可以创建没有引号的属性，但这将限制您可以在其中使用的字符集，禁止使用空格、=、'、"、<、>、`。

有关更多详细信息，请参见HTML5规范。