2012-02-21 2 views
1

Действительно ли это название divs вот так?xhtml/css лучшие практики именования divs

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

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

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

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

+0

Это не «имя» div, а назначение двух классов, что, конечно, правильно. – Smamatti

ответ

2

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

+0

Идея заключалась в том, что я бы немного сократил количество свойств css в моей таблице стилей. Итак, я бы использовал фрейм как общий класс, а затем использовал что-то вроде заголовка, как я сделал, чтобы добавить другое свойство. Я не знаю, имеет ли это смысл? Хехе. Трудно объяснить, я думаю ... – Brian

+0

Да, взгляните на ** animuson ** ответ. Если вы хотите что-то уникальное, используйте id. И класс для чего-то, что вы собираетесь иметь в нескольких элементах. – elclanrs

1

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

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

<div class="frame" id="header">Some content here</div> 
.frame { display: block; } 
#header { background-color: #efefef; } 
+0

Да, идентификаторы уникальны, но нет ничего плохого в использовании уникального класса, хотя и идентификатор будет более уместным. – elclanrs

+0

Хорошо, спасибо! Я делал html годами и годами, но никогда не знал, смогу ли я это сделать или нет. Никогда не спрашивали. Я видел, как это делалось так, как я только что спросил раньше, но не знал, будет ли это подтверждать или что-то еще. В любом случае, спасибо за взаимодействие! Развлекайся, а? – Brian

0

Что вы делаете, это действует.

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

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

Смежные вопросы