5 распространенных ошибок тех, кто начинает работать с HTML и CSS

5 распространенных ошибок тех, кто начинает работать с HTML и CSS

HTML и CSS – это языки, которые служат, соответственно, для разметки и описания внешнего вида документов в Интернете. Они считаются сравнительно легкими для изучения, но в этом случае все равно есть много важных нюансов. В данном материале мы раскроем типичные ошибки, которые допускают юзеры, изучающие упомянутые языки.

Неправильное создание классов

Если возникает потребность выделить текст зеленым цветом, некоторые начинающие верстальщики просто добавляют класс .green. Это серьезная ошибка, поскольку в процессе трансформации дизайна существует риск изменения других цветов. К примеру, вместо зеленого текст может оказаться синим. Чтобы не столкнуться с такими проблемами, эксперты советуют не использовать классы с целью изменения цвета и выравнивания текста. Необходимо давать названия элементам, а затем использовать для них свои стили.

Кстати, в HTML и CSS есть возможность записать цвета несколькими способами. Это можно сделать не только с помощью ключевых слов для HTML/CSS, но и за счет названий шестнадцатеричных цветов на различных языках.

Использование большого количества селекторов

Не стоит использовать больше трех селекторов, так как в противном случае может пострадать производительность сайта. Стоит помнить, что веб-браузеры считывают CSS справа налево. Если это возможно, то лучше уменьшить выборку до одного селектора.

Транскрипция

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

Когда встречаются названия элементов транскрипцией, это выгладит непрофессионально. Использование транскрипции, когда, например, вместо слова «product» фигурирует «tovar» – крайне нежелательное решение.

Несколько тегов <h1> на странице

5 распространенных ошибок тех, кто начинает работать с HTML и CSS

На странице допускается присутствие лишь одного заголовка в теге <h1>. Как правило, данный тег включает название страницы.

Использование одного и того же id для нескольких элементов

На самом деле нельзя допускать повторения значения атрибута id в HTML-коде.

Добавить комментарий