xhtml / css лучшие практики именования div

Question

Допустимо ли называть дивы такими?

<div class="frame header">Some content here</div>

С пробелом в имени? Тогда, конечно, в css у меня было бы что-то вроде:

.frame { display: block; }
.header { background-color: #efefef; }

Полагаю, мне просто интересно, если у вас есть пробел в фактической разметке, как я написал, и это будет строго XHTML? Я проверил валидацию W3C, но по какой-то причине все, что я вставил туда, проходит. Вздох ...

Answer 1

идентификаторы и классы не могут иметь пробелов. Если вы ставите пробел, вы добавляете два класса, поэтому W3 интерпретирует это как есть и не выдаст ошибку. Ваш CSS правильный.

Answer 2

Да, вы можете. Класс - это не имя элемента, а список классов, которые к нему применяются, разделенные пробелами. Если вы хотите, чтобы этот элемент имел определенное «имя», которое относится только к нему, используйте атрибут id. Помните, что он должен быть полностью уникальным в документе, а также то, что идентификаторы не могут содержать пробелы.

Что-то вроде:

<div class="frame" id="header">Some content here</div>

.frame { display: block; }
#header { background-color: #efefef; }

Answer 3

То, что вы делаете, действительно.

Однако любое количество элементов <div> в документе html / xhtml может иметь одинаковые определения классов для целей представления.

Поскольку атрибут name был заменен атрибутом id в xhtml, всегда лучше иметь атрибут ID для уникального имени и ссылки на конкретный элемент.