blocks|key|1705253|text|使用单引号(HTML+4.01,+section+3.2.2)当然是有效的。我没有注意到这样的趋势，但也许有一些框架支持你访问过的网站，碰巧使用单引号引用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1705254|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2^0|6|O|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

It's certainly valid to use single quotes (<a href="http://www.w3.org/TR/html4/intro/sgmltut.html#h-3.2.2" rel="noreferrer">HTML 4.01, section 3.2.2</a>). I haven't noticed such a trend, but perhaps there's some framework that powers web sites you've visited that happens to quote using single quotes.

blocks|key|1705312|text|我发现在使用使用双引号字符串文字的编程语言动态生成HTML时，使用单引号很方便。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705313|例如：|1705314|String.Format("<a+href='{0}'>{1}</a>",+Url,+Desc)|code-block|syntax|javascript|1705315|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I find using single quotes is handy when dynamically generating HTML using a programming language that uses double quote string literals.

e.g.

<pre><code>String.Format("&lt;a href='{0}'&gt;{1}&lt;/a&gt;", Url, Desc)
</code></pre>

blocks|key|1705387|text|在使用PHP生成HTML时，可以更容易地执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705388|$html+=+"<img+src='$url'+/>";|code-block|syntax|javascript|1705389|而不是将字符串与变量和字符串连接在一起，因为PHP解析双引号字符串中的变量。|1705390|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

When using PHP to generate HTML it can be easier to do something like:

<pre><code>$html = "&lt;img src='$url' /&gt;";
</code></pre>

than concatenating a string with a variable with a string, as PHP parses variables in double-quoted strings.

blocks|key|1490535|text|有人可能会在PHP中使用它来避免转义“如果他们使用双引号字符串来解析其中的变量，或者避免使用字符串连接运算符。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490536|示例：|1490537|echo+"<input+type='text'+value='$data'/>";|code-block|syntax|javascript|1490538|而不是|1490539|echo+"<input+type=\"text\"+value=\"$data\"+/>";|1490540|或|1490541|echo+'<input+type="text"+value="'+.+$data+.+'"+/>';|1490542|现在我总是坚持对HTML使用双引号，对Javascript使用单引号。|1490543|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Someone may use it in PHP to avoid escaping " if they're using double quoted string to parse variables within it, or to avoid using string concatenation operator.

Example:

<pre><code>echo "&lt;input type='text' value='$data'/&gt;";
</code></pre>

instead of 

<pre><code>echo "&lt;input type=\"text\" value=\"$data\" /&gt;";
</code></pre>

or 

<pre><code>echo '&lt;input type="text" value="' . $data . '" /&gt;';
</code></pre>

Nowadays I always stick to using double quotes for HTML and single quotes for Javascript.

blocks|key|1705495|text|当您想要嵌入双引号时，这会更容易。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705496|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It's easier when you want to embed double quotes.

blocks|key|1490480|text|在ASP.NET中，如果在属性中使用data-binding+expressions，则更容易使用单引号：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1490481|<asp:TextBox+runat="server"+Text='<%25#+Bind("Name")+%25>'+/>|code-block|syntax|javascript|1490482|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/ms178366.aspx^0|I|O|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

In ASP.NET, it's easier to use single quotes if you're using <a href="http://msdn.microsoft.com/en-us/library/ms178366.aspx" rel="nofollow noreferrer">data-binding expressions</a> in attributes:

<pre><code>&lt;asp:TextBox runat="server" Text='&lt;%# Bind("Name") %&gt;' /&gt;
</code></pre>

blocks|key|1705673|text|在(X)HTML中，单引号是完全合法的。另一方面，使用反斜杠来转义它们则不是这样的。<img+src='http://widget-site-example.com/ross.jpg'+alt='Ross\'s+Widget'+/>是一个具有alt文本"Ross\“、空的s和Widget/Widget'属性的图像。在HTML语言中转义撇号的正确方法是&#39;。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1705674|entityMap|0|LINK|mutability|MUTABLE|url|http://widget-site-example.com/ross.jpg^0|16|22|3S|1|3U|6|41|7|4W|5|1G|13|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|F|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

Single quotes are perfectly legal in (X)HTML. Using a backslash to escape them, on the other hand, isn't. <code>&lt;img src='<a href="http://widget-site-example.com/ross.jpg" rel="nofollow noreferrer">http://widget-site-example.com/ross.jpg</a>' alt='Ross\'s Widget' /></code> is an image with the alt text "Ross\", and empty <code>s</code> and <code>Widget</code>/<code>Widget'</code> attributes. The correct way of escaping an apostrophe in HTML is <code>&amp;#39;</code>.

blocks|key|1705728|text|在PHP中，echo接受多个参数。因此，如果想省略连接运算符，他们可以这样做，并仍然使用双引号：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705729|echo+'<input+type="text"+value="',+$data,+'"+/>';|code-block|syntax|javascript|1705730|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In PHP, echo takes multiples parameters. So, if one would like to omit the concatenation operator, they could done something like and still use double quotes :

<pre><code>echo '&lt;input type="text" value="', $data, '" /&gt;';
</code></pre>

blocks|key|1490879|text|您可能希望使用单引号的另一种情况:将JSON数据存储在数据属性中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490880|<tr+data-info='{"test":true}'></tr>|code-block|syntax|javascript|1490881|JSON对象键必须在双引号中，因此属性本身不能。|1490882|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Another case where you may want to use single quotes: Storing JSON data in data attributes:

<pre><code>&lt;tr data-info='{"test":true}'&gt;&lt;/tr&gt;
</code></pre>

JSON object keys must be in double quotes, so the attribute itself cannot.

blocks|key|1490712|text|单引号生成一个更整洁的页面，更少杂乱。你不应该在HTML字符串中对它们进行转义，这是你自己的选择……我的偏好通常是单引号，如果我需要在字符串中包括单引号(例如，作为字符串中字符串的分隔符)，我会对一个使用双引号，而对另一个使用单引号。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1490713|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Single quotes generate a cleaner page with less clutter. You shouldn't be escaping them in HTML strings and it's your choice which to use... my preference is single quotes normally and if I need to include a single quote in the string (e.g. as delimiters for a string inside the string), I use double quotes for one &amp; single for the other.

blocks|key|1705896|text|如果您希望html是有效的html4或xhtml，那么single-quotes或double-quotes都适用于属性。可以在这里验证HTML4：https://validator.w3.org/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1705897|如果您是supporting+only+modern+browsers+(ie10或更高版本)，则可以使用html5语法，该语法允许使用单引号、双引号和无引号(只要属性值中没有特殊字符)。可以在这里验证HTML5：https://validator.w3.org/nu|1705898|entityMap|0|LINK|mutability|MUTABLE|url|/questions/tagged/html|1|/questions/tagged/html4|2|/questions/tagged/xhtml|3|/questions/tagged/single-quotes|4|/questions/tagged/double-quotes|5|https://validator.w3.org/|6|http://html5readiness.com/|7|/questions/tagged/ie10|8|/questions/tagged/html5|9|https://validator.w3.org/nu^0|5|4|0|D|5|1|J|5|2|R|D|3|15|D|4|22|P|5|0|4|V|6|11|4|7|1H|5|8|2Z|R|9|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]|$A|19|B|1A|1|1B]|$A|1C|B|1D|1|1E]|$A|1F|B|1G|1|1H]|$A|1I|B|1J|1|1K]|$A|1L|B|1M|1|1N]]|C|$]]|$1|D|3|E|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]|$A|1S|B|1T|1|1U]|$A|1V|B|1W|1|1X]|$A|1Y|B|1Z|1|20]]|C|$]]|$1|F|3|-4|5|6|7|21|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]|P|$5|I|J|K|C|$L|Q]]|R|$5|I|J|K|C|$L|S]]|T|$5|I|J|K|C|$L|U]]|V|$5|I|J|K|C|$L|W]]|X|$5|I|J|K|C|$L|Y]]|Z|$5|I|J|K|C|$L|10]]|11|$5|I|J|K|C|$L|12]]|13|$5|I|J|K|C|$L|14]]]]

If you want to the <a href="/questions/tagged/html" class="post-tag" title="show questions tagged &#39;html&#39;" rel="tag">html</a> to be valid <a href="/questions/tagged/html4" class="post-tag" title="show questions tagged &#39;html4&#39;" rel="tag">html4</a> or <a href="/questions/tagged/xhtml" class="post-tag" title="show questions tagged &#39;xhtml&#39;" rel="tag">xhtml</a> then both <a href="/questions/tagged/single-quotes" class="post-tag" title="show questions tagged &#39;single-quotes&#39;" rel="tag">single-quotes</a> or <a href="/questions/tagged/double-quotes" class="post-tag" title="show questions tagged &#39;double-quotes&#39;" rel="tag">double-quotes</a> will work for attributes. HTML4 can be validated here: <a href="https://validator.w3.org/" rel="nofollow">https://validator.w3.org/</a>

If you are <a href="http://html5readiness.com/" rel="nofollow">supporting only modern browsers</a> (<a href="/questions/tagged/ie10" class="post-tag" title="show questions tagged &#39;ie10&#39;" rel="tag">ie10</a> and higher) then you can use the <a href="/questions/tagged/html5" class="post-tag" title="show questions tagged &#39;html5&#39;" rel="tag">html5</a> syntax which allows single quotes, double quotes, and no quotes (as long as there are no special characters in the attributes' value). HTML5 can be validated here: <a href="https://validator.w3.org/nu" rel="nofollow">https://validator.w3.org/nu</a>

blocks|key|1705449|text|反对单引号的是什么？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705450|你可以在html代码中使用单引号/双引号，没有任何问题，只要你在当前的标签中保持相同的引号风格(许多浏览器甚至不会抱怨这一点，而验证只是希望如果你以引号开头，以相同的方式结束)|1705451|免费支持随机引用风格！(是;D+)|1705452|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

What's against single quotes? 

You can have single/double quotes all over your html code without any problem, as long as you keep the same quoting style inside a current tags ( many browser won't complain even about this, and validation just want that if you start with a quote, end with the same, inside the same propriety )

Free support to random quoting styles!!! (yay ;D )

blocks|key|1705817|text|我知道这是一个古老的主题，但仍然非常相关。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705818|如果想要控制生成的超文本标记语言中的引号，可以在PHP中使用sprintf()函数(以及许多其他语言中提供的类似调用)：|offset|length|1705819|$html+=+sprintf('<a+href="%25s">%25s</a>',+$url,+$text);|code-block|syntax|javascript|1705820|使用sprintf()可以方便地修改格式字符串，方法是从数据库或配置文件中检索它，或者通过转换机制。|1705821|它的可读性非常好，并且允许在生成的HTML中使用双引号或单引号，只需很少的更改，也不会有任何转义：|1705822|$html+=+sprintf("<a+href='%25s'>%25s</a>",+$url,+$text);|1705823|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/function.sprintf.php^0|0|U|9|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@$D|10|E|11|1|12]]|A|$]]|$1|F|3|G|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|H|7|16|8|@]|9|@]|A|$I|J]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

I know this is an old thread, but still very much relevant. 

If you want control over quotes in your generated HTML, you can use the <a href="http://php.net/manual/en/function.sprintf.php" rel="nofollow">sprintf()</a> function in PHP (and similar calls available in many other languages):

<pre><code>$html = sprintf('&lt;a href="%s"&gt;%s&lt;/a&gt;', $url, $text);
</code></pre>

Using sprintf() allows the format string to be easily modifiable by retrieving it from a database or configuration file, or via translation mechanisms. 

It is very readable, and allows either double or single quotes in the generated HTML, with very little change and never any escaping:

<pre><code>$html = sprintf("&lt;a href='%s'&gt;%s&lt;/a&gt;", $url, $text);
</code></pre>

blocks|key|1705869|text|你应该完全避免引用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1705870|在您的示例中，只有一个带引号的属性实际需要引号。|1705871|
<a+href=http://widget-site-example.com/example.html>
++<img+src=http://widget-site-example.com/ross.jpg+alt='Ross&#39;s+Widget'+/>
</a>|code-block|syntax|javascript|1705872|如果你使用引号，没有硬性的规则，但我见过最常见的单引号，如果需要的话，在里面加双引号。|1705873|使用双引号不会通过某些验证器。|1705874|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<h1>You should avoid quotes altogether.</h1>
In your example only one quoted attribute actually needed quotes.
<pre><code>&lt;!-- best form --&gt;
&lt;a href=http://widget-site-example.com/example.html&gt;
 &lt;img src=http://widget-site-example.com/ross.jpg alt='Ross&amp;#39;s Widget' /&gt;
&lt;/a&gt;
</code></pre>
If you do use quotes, there is no hard and fast rule, but I've seen most commonly single quotes, with double quotes on the inside if necessary.
Using double quotes won't pass some validators.

Recently I've been seeing a lot of this:

<pre><code>&lt;a href='http://widget-site-example.com/example.html'&gt;
 &lt;img src='http://widget-site-example.com/ross.jpg' alt='Ross&amp;#39;s Widget' /&gt;
&lt;/a&gt;
</code></pre>

Is it valid to use single quotes in HTML? As I've highlighted above it's also problematic because you have to escape apostrophes.

Is it correct to use single quotes for HTML attributes?

数据存储

数据库

HTML5

JSON

最近我看到了很多这样的事情：<a href='http://widget-site-example.com/example.html'> <img src='http://widget-site-example.com/ross.jpg' alt='Ross&#39;s Widget' /></a>在HTML中使用单引号是否有效？正如我在上面强调的，这也是有问题的，因为你必须转义撇号。

问对HTML属性使用单引号正确吗？
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对HTML属性使用单引号正确吗？EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对HTML属性使用单引号正确吗？
EN