Именование HTML-атрибутов “класса” и “идентификатора” - подчеркивает штриховой линией по сравнению с [закрытыми] подчеркиваниями

Я считаю, что это полностью зависит от программиста. Вы также можете использовать camelCase, если хотите (но я думаю, что это выглядело бы неудобно).

Я лично предпочитаю дефис, потому что его быстрее набирать на моей клавиатуре. Поэтому я бы сказал, что вам следует выбрать то, что вам удобнее всего, поскольку оба ваших примера широко используются.

Любой пример совершенно верен, вы даже можете добавить в смесь ":" или "." в качестве разделителей согласно спецификации w3c . Я лично использую "_", если это имя из двух слов, просто из-за его сходства с пробелом.

На самом деле все сводится к предпочтениям, но то, что будет раскачивать вас в определенном направлении, может быть редактором, который вы кодируете. Например, функция автозавершения TextMate останавливается на дефисе, но видит слова, разделенные подчеркиванием, как одно слово. Поэтому имена и идентификаторы классов с the_post при использовании функции автозавершения (Esc) работают лучше, чем с the-post.

Я использую первый (один-два), потому что он более читабельный. Для изображений я предпочитаю подчеркивание (btn_more.png). Дело верблюдов (oneTwo) - еще один вариант.

Я бы предложил выделить в основном из-за побочного эффекта javascript, с которым я столкнулся.

Если бы вы напечатали код ниже в вашей локационной строке, вы бы получили ошибку: 'example-value' не определено. Если бы div был назван с подчеркиванием, это бы сработало.

javascript:alert(example-value.currentStyle.hasLayout);