В чем преимущество написания значимых имен css .class и #id? - PullRequest
1 голос
/ 14 февраля 2010

Какая польза от написания значимых имен css .class и #id? Читатели экрана говорят, чтобы помочь пользователю понять значение и назначение контента внутри тегов?

Ответы [ 4 ]

2 голосов
/ 14 февраля 2010

Вообще говоря, это полезно только для разработчика / дизайнера.

1 голос
/ 14 февраля 2010

Другие ответы хороши, но я остановлюсь здесь на аспекте утилизации / сторонних инструментов.

Случай 1 - это пауки, ползающие как поисковые машины. Если они проанализируют вашу страницу и увидят что-то вроде id="username", они с большей вероятностью поймут какое-то значение, чем id="div-style-32". Конечно, я не уверен, что сейчас Google делает подобные вещи, но могло бы быть, если бы больше людей было лучше.

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

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

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

Короче говоря, это делает все то, что вы или другие могли бы делать с вашим сайтом, проще.

1 голос
/ 14 февраля 2010

Опять же, как и все ваши последние вопросы по семантике, ответ остается прежним:

Все зависит от контекста данных рассматриваемой сущности.

Если ваш элемент содержит значимое поле, полезно назначить ему класс (даже если вы не хотите применять к нему CSS), чтобы легко определить это конкретное поле:

<span class="username">Andrew Moore</span>

Это дает следующие преимущества:

  • Он легко идентифицирует содержимое поля в вашем коде.
  • Увеличивает ремонтопригодность.
  • Он помогает анализаторам и сторонним приложениям извлекать значение этого поля.

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

0 голосов
/ 14 февраля 2010

Вы делаете это не для машин, а для людей.

Если бы мы заботились только о машинах, мы все равно писали бы код в сборке:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...