HTML - идентификатор контейнера или класс - PullRequest
Новая
       5

HTML - идентификатор контейнера или класс

3 голосов
/ 17 августа 2011

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

Например: 

<body>
    <div id="container">
       ...etc
    </div>
</body>

или 

<body>
    <div id="main" class="container">
        ...etc
    </div>
</body>

Ответы [ 4 ]

3 голосов
/ 17 августа 2011

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

Редактировать: Ваш вопрос только что обновился - было бы лучше иметь id="container", а затем class="home", class="about" и т. Д. По мере необходимости. Это сделает более аккуратную таблицу стилей и даст вам возможность просто переписать правила #container, если вам нужно.

2 голосов
/ 17 августа 2011

Предоставление элементу идентификатора означает, что этот элемент является уникальным.В вашем случае контейнерный div обычно является уникальным, и поэтому может подойти id.

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

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

2 голосов
/ 17 августа 2011

Установка идентификатора контейнера будет наиболее подходящей, потому что у вас должен быть только один контейнер. Установка class = container подразумевает, что существует более одного контейнера. Поскольку контейнер предназначен для упаковки всего содержимого вашей страницы, у вас должно быть только 1.

1 голос
/ 17 августа 2011

HTML-документ может иметь несколько контейнеров, каждый из которых имеет свой стиль и каждый со своим уникальным стилем.

Итак, лучшая практика - давать каждому класс и ID: 

<div id="Header" class="container">
    ...header goes here...
</div>
<div id="Menu" class="container">
    ...menu goes here...
</div>
<div id="Contents" class="container">
    ...main contents come here...
</div>
...