Какие значения можно поместить в значение атрибута HTML?

Question

Нужно ли мне избегать цитат внутри значения атрибута html? Какие символы разрешены?

Действительно ли это?

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

Answer 1

Если значение атрибута цитируемого (начинается и заканчивается двойными кавычками "), то допускаются любые символы, за исключением двойных кавычек и амперсандов, которые должны быть указаны как " и & соответственно (или эквивалентные ссылки числовых сущностей, " и &)

Вы можете также использовать одиночные кавычки вокруг значения атрибута. Если вы сделаете это, вы можете использовать буквенные двойные кавычки в атрибуте: <span title='This is a "good" title.'>...</span>. Чтобы избежать одиночных кавычек в таком значении атрибута, вы должны использовать ссылку на числовой объект ', поскольку некоторые браузеры не поддерживают именованный объект, ' (который был not defined in HTML 4.01).

Кроме того, вы также можете создавать атрибуты без кавычек, но ограничивает набор символов, которые вы можете иметь в ней гораздо дальше, запретив использование пространств, =, ', ", <, >, ` в атрибуте ,

Для получения более подробной информации см. the HTML5 spec.

Answer 2

Значение может быть что угодно, но вы должны экранировать кавычки (", '), теги разделители (<, >) и амперсанд (&).

Answer 3

Это действительно. Однако, если вы должны были ставить двойные кавычки внутри, вы должны бежать с ", как это:

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

Answer 4

Нет, вам не нужно, чтобы избежать одинарные кавычки внутри двойных кавычек.

Эта страница определяет действительные атрибуты двускатной тега:

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

Эта страница определяет допустимые символы разрешены в атрибуте название:

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

Answer 5

Да, это нормально. Проблема в том, что при попытке поставить двойную цитату внутри атрибута. как это:

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

Вы можете обойти эту проблему с помощью HTML-сущностей, как так:

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

Answer 6

Здесь функция проверки с помощью регулярного выражения, основываясь на ответ Брайана Кэмпбелла, для худшего случая неупомянуты атрибут.

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