11. Знакомства id / class

Курсы по web разработке помогут быстро стать специалистом в сфере IT. Если вы читаете эту статью, то наверняка уже хорошо знакомы с тем, что такое html, теги и атрибуты. Сегодня мы закрепим знания по теме «id/class» и посмотрим, внимательно ли вы слушали учителя. Сначала немного повторим:

Казалось бы, атрибуты id и class одинаковы. Но всё же, в них есть множество отличий.
Например, id может быть на странице лишь один, так как это уникальное имя элемента. Допустим, блок с шапкой сайта может получить id=title.
Что касается class — это признак, который обычно дают сразу нескольким элементам, для их отличия от остальных. К примеру, картинки, которые просто сопровождают текст, могут получить class=»decor«, а те, которые важны для понимания текста — class=»content».

Курсы по web разработке — сделай шаг к успешному будущему!

Кроме того, элемент с id можно легко найти с помощью функции document.getElementById(). Для class же такой функции нет.

Также, если в коде прописан и класс и айди, например, цвета текста, то он будет таким, как указано в айди. Всё потому, что его вес считается больше, а, соответственно, и главнее.

Аналогично и с якорными ссылками — когда нужно поставить ссылку на какой-то элемент в странице, ему стоит лишь дать id (<h2 id= «about»>…</h2>) и ссылаться на него якорем (http://site/path/#about). Это, кстати, лучше, чем старый <a name=»…»>.
Также, одному элементу можно дать несколько классов, используя пробелы.

В этом тесте мы собрали для вас самые интересные вопросы, касающиеся пройденной темы. Скорее решите все из них и узнавайте свой конечный результат. В случае, если он вас не устраивает — мы объясним всё ещё раз. А сертификат о прохождении данного теста можно обменять на коины у нашего администратора. За них можно приобрести классные подарки.

Удачи! GoMother верит в тебя!
Если вам нравиться изучать программирование вместе с нами приглашаем тебя на пробный урок. Вместе с нами ты научишься создавать собственные веб-ресурсы или игры. Мы покажем, что кодинг это интересно и увлекательно.