Класс CSS и структура идентификатора / Наименование

Question

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

Как вы называете свои DIV, ID, классы? Вы даете им конкретные имена, связанные с контентом? (т.е. <div id="google_map">)

Или вы называете их связанными с их позицией на сайте? (т.е. <div id="content_top_bar">)

И вы делаете это в вашем .css таким же образом?

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

Answer 1

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

Например, если вы назовете <div id="left-sidebar">, а затем решите, что хотите переместить этот элемент, идентификатор больше не будет семантически представлять элемент. И наоборот, если вы назвали <div id="navigation"> или <div id="article">они по-прежнему будут представлять элемент независимо от их размещения или стиля на странице.

Answer 2

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

Исключением из вышеприведенного правила является ситуация, когда объект формирует макет страницы, но в этом случаев любом случае у него не должно быть имени, если только вы не собираетесь манипулировать структурой страницы, чтобы перемещать вещи во время выполнения (что нормально, просто редко).

Кроме того, я не могу назватьмного объектов в любом случае, но назначая им классы, особенно для связанных объектов, которыми я должен манипулировать вместе.Это значительно облегчает работу с ними через jQuery (или любую другую платформу).

Answer 3

Я думаю, что есть определенный ответ на этот вопрос: все, что подходит вам лучше всего:)

Некоторые вопросы, которые следует учитывать:

• Вы единственный, кто пишет в кодовых файлахили нет?
• Какова структура вашего сайта и является ли он статическим или динамическим?

В зависимости от этого вы можете выбрать английские имена или свой собственный язык, или вы можете выбратьназывать div "content", а не, например, "div_homepage".

Надеюсь, это было полезно:)

Answer 4

Так как HTML для контента, ваше имя должно относиться к контенту.

Answer 5

В зависимости от того, что представляет элемент html:

• Элемент является частью макета, назовите его так, чтобы он представлял эту часть макета.пример: 'footer_top_bar'

• Элемент используется для определенного содержимого, присвойте ему имя, представляющее содержимое.пример: 'comment', 'navigation', 'breadcrumbs'.