blocks|key|1413459|text|我相信这完全取决于程序员。如果你愿意，你也可以使用camelCase+(但我认为这看起来很笨拙)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1413460|我个人更喜欢连字符，因为它在我的键盘上打字更快。所以我想说，你应该选择你最喜欢的，因为你的两个例子都被广泛使用了。|1413461|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I believe this is entirely up to the programmer. You could use camelCase too if you wanted (but I think that would look awkward.)

I personally prefer the hyphen, because it is quicker to type on my keyboard. So I would say that you should go with what you are most comfortable with, since both your examples are widely used.

blocks|key|1413503|text|这两个例子都是完全正确的，你甚至可以混用":“或”“。”作为分隔符，根据w3c+spec。我个人使用"_“，如果它是一个两个单词的名称，只是因为它与空格相似。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1413504|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html4/types.html#type-name^0|14|4|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]]]]

Either example is perfectly valid, you can even throw into the mix ":" or "." as separators according to the w3c <a href="http://www.w3.org/TR/html4/types.html#type-name" rel="nofollow noreferrer">spec</a>. I personally use "_" if it is a two word name just because of its similarity to space.

blocks|key|1198259|text|我建议下划线主要是因为我遇到了javascript的副作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198260|如果你在地址栏中输入下面的代码，你会得到一个错误：'example-value‘is+undefined。如果div使用下划线命名，它会起作用。|1198261|javascript:alert(example-value.currentStyle.hasLayout);|code-block|syntax|javascript|1198262|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 would suggest underscore mainly for the reason of a javascript side-effect I'm encountering.

If you were to type the code below into your location bar, you would get an error: 'example-value' is undefined. If the div were named with underscores, it would work.

<pre><code>javascript:alert(example-value.currentStyle.hasLayout);
</code></pre>

blocks|key|1198364|text|我使用第一个(1-2)，因为它更具可读性。不过，对于图像，我更喜欢下划线(btn_more.png)。Camel+Case+(oneTwo)是另一种选择。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198365|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|$]]

I use the first one (one-two) because its more readable. For images though I prefer the underscore (btn_more.png). Camel Case (oneTwo) is another option.

blocks|key|1413642|text|这真的取决于你的喜好，但在特定方向上影响你的可能是你用来编写代码的编辑器。例如，TextMate的自动完成功能在连字符处停止，但将由下划线分隔的单词视为单个单词。因此，在使用自动补全特性(Esc)时，使用the_post的类名和ids比使用the-post更好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1413643|entityMap|0|LINK|mutability|MUTABLE|url|http://macromates.com/^0|2M|3|2U|8|3C|8|14|8|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]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

It really comes down to preference, but what will sway you in a particular direction might be the editor you code with. For instance, the auto-complete feature of <a href="http://macromates.com" rel="noreferrer">TextMate</a> stops at a hyphen, but sees words separated by an underscore as a single word. So class names and ids with <code>the_post</code> work better than <code>the-post</code> when using its auto-complete feature (<code>Esc</code>).

blocks|key|1198473|text|实际上，一些外部框架(javascript、php)有困难(bug？)在id名称中使用假设。我使用下划线(960grid也是)，一切都很好用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198474|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|$]]

Actually some external frameworks (javascript, php) have difficulties (bugs?) with using the hypen in id names. I use underscore (so does 960grid) and all works great.

<code>&lt;div id="example-value"&gt;</code> or <code>&lt;div id="example_value"&gt;</code>?

This site and Twitter use the first style. Facebook and Vimeo - the second.

Which one do you use and why?

Naming "class" and "id" HTML attributes - dashes vs. underlines

<div id="example-value">或<div id="example_value">这个网站和Twitter使用第一种风格。Facebook和Vimeo -第二个。你使用哪一个?为什么？

问命名"class“和"id”HTML属性--破折号与下划线
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问命名"class“和"id”HTML属性--破折号与下划线EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问命名"class“和"id”HTML属性--破折号与下划线
EN