- 13, May 2024
- #1
Наиболее распространенные ошибки HTML и CSS, которых следует избегать:
Основная цель этой темы — указать на распространенные ошибки, допущенные как в HTML, так и в CSS, и помочь их исправить в будущем. Надеюсь, что эта информация окажется полезной.
Ошибки HTML:
В следующей статье будут четко и кратко объяснены распространенные ошибки, допущенные в HTML.
1. Забываем закрыть тег:
Эта ошибка чаще всего встречается у новичков. Требуются закрывающие теги, такие как div, сильные теги и ссылки. Некоторые теги требуют для закрытия косой черты.
2. Неправильный DOCTYPE:
Необходимо объявить правильное объявление DOCTYPE для HTML. Поэтому вам следует указать, какой тип HTML вы используете, в самом начале.
3. Неправильная вложенность тегов:
Открывающие и закрывающие теги должны быть в правильном порядке. Каждое подразделение должно открываться и закрываться правильно, не вовлекая в это другие подразделения.
4. Использование тегов с заглавной буквы:
Не следует использовать теги с заглавной буквы в своем коде, поскольку они не будут проверены. Поэтому вам следует использовать только строчные буквы.
5. Забываем открывать или закрывать котировки:
В HTML открывающие и закрывающие двойные кавычки должны быть размещены правильно, иначе они не будут работать должным образом. Это самая распространенная ошибка новичков.
6. Использование встроенных стилей:
Не следует использовать встроенные стили, поскольку это приведет к появлению сообщения об ошибке. Используйте внешнюю таблицу стилей для стилизации ваших элементов. Редактирование и добавление стилей — более простой метод.
7. Не кодировать специальные символы:
Такие символы, как « & » и т. д., должны отображаться в соответствующем HTML-коде.
8. Непонятные классы и идентификаторы:
Элементы сгруппированы по классам, которые будут вызываться несколько раз на одной странице.
Классы могут иметь стиль ссылки, который будет вызываться несколько раз.
Как и заголовки, идентификаторы — это элементы, которые вызываются только один раз.
Используем классы и идентификаторы в ненужных местах.
Постарайтесь свести к минимуму количество классификаций.
CSS-ОШИБКИ:
В следующей статье будут четко и кратко объяснены распространенные ошибки, допущенные в CSS.
1. Забываем правильно закрыть вещи:
Каждый вызываемый элемент или элемент div должен начинаться и заканчиваться открывающей и завершающей фигурными скобками. Заканчивайте стили точкой с запятой. Для последнего объявления в элементе точка с запятой не требуется.
2. Не использовать глобальные стили:
Стили абзацев и заголовков должны иметь глобальный стиль. Эта идея уменьшит вероятность ошибок и минимизирует размер кода.
3. Не использовать уникальные имена для идентификаторов и классов:
Имена и ключевые слова должны быть уникальными, чтобы не возникало проблем с идентификацией элементов.
4. Не использовать сокращенный код:
Используйте сокращенный код для сжатия кода, что поможет ускорить загрузку и упростить редактирование. Вы можете использовать сокращенный код для таких объявлений, как шрифт, отступы, границы, поля и т. д.
5. Не использовать сокращенные объявления цветов:
Вы можете сжать шестнадцатеричные числа, такие как #fffff и #00000, в #fff и #000. Это один из способов сократить длину кода.
6. Неправильное использование позиционирования:
Новичкам в CSS сложно понять позиции.
Ваш выбор статичный, относительный, абсолютный и фиксированный.
Параметр по умолчанию — статический, и он будет располагаться в соответствии с потоком страницы.
Вы можете разместить предмет где угодно, используя Absolute.
Абсолютные значения будут зависеть от родительского элемента.
Фиксированный используется для того, чтобы элемент оставался на странице, даже если пользователь прокручивает страницу вниз.
Но этими опциями не следует злоупотреблять, так как это будет выглядеть некрасиво.
7. Подтвердите:
Ошибки в вашем коде можно уменьшить, проверив файлы HTML и CSS. Проблемы выявляются валидатором, что позволяет вам скорректировать ваш код.
Надеюсь, что я указал все типичные ошибки. Если я что-то пропустил, добавьте их в комментарий, а также исправьте мои ошибки в этой теме.
Основная цель этой темы — указать на распространенные ошибки, допущенные как в HTML, так и в CSS, и помочь их исправить в будущем. Надеюсь, что эта информация окажется полезной.
Ошибки HTML:
В следующей статье будут четко и кратко объяснены распространенные ошибки, допущенные в HTML.
1. Забываем закрыть тег:
Эта ошибка чаще всего встречается у новичков. Требуются закрывающие теги, такие как div, сильные теги и ссылки. Некоторые теги требуют для закрытия косой черты.
2. Неправильный DOCTYPE:
Необходимо объявить правильное объявление DOCTYPE для HTML. Поэтому вам следует указать, какой тип HTML вы используете, в самом начале.
3. Неправильная вложенность тегов:
Открывающие и закрывающие теги должны быть в правильном порядке. Каждое подразделение должно открываться и закрываться правильно, не вовлекая в это другие подразделения.
4. Использование тегов с заглавной буквы:
Не следует использовать теги с заглавной буквы в своем коде, поскольку они не будут проверены. Поэтому вам следует использовать только строчные буквы.
5. Забываем открывать или закрывать котировки:
В HTML открывающие и закрывающие двойные кавычки должны быть размещены правильно, иначе они не будут работать должным образом. Это самая распространенная ошибка новичков.
6. Использование встроенных стилей:
Не следует использовать встроенные стили, поскольку это приведет к появлению сообщения об ошибке. Используйте внешнюю таблицу стилей для стилизации ваших элементов. Редактирование и добавление стилей — более простой метод.
7. Не кодировать специальные символы:
Такие символы, как « & » и т. д., должны отображаться в соответствующем HTML-коде.
8. Непонятные классы и идентификаторы:
Элементы сгруппированы по классам, которые будут вызываться несколько раз на одной странице.
Классы могут иметь стиль ссылки, который будет вызываться несколько раз.
Как и заголовки, идентификаторы — это элементы, которые вызываются только один раз.
Используем классы и идентификаторы в ненужных местах.
Постарайтесь свести к минимуму количество классификаций.
CSS-ОШИБКИ:
В следующей статье будут четко и кратко объяснены распространенные ошибки, допущенные в CSS.
1. Забываем правильно закрыть вещи:
Каждый вызываемый элемент или элемент div должен начинаться и заканчиваться открывающей и завершающей фигурными скобками. Заканчивайте стили точкой с запятой. Для последнего объявления в элементе точка с запятой не требуется.
2. Не использовать глобальные стили:
Стили абзацев и заголовков должны иметь глобальный стиль. Эта идея уменьшит вероятность ошибок и минимизирует размер кода.
3. Не использовать уникальные имена для идентификаторов и классов:
Имена и ключевые слова должны быть уникальными, чтобы не возникало проблем с идентификацией элементов.
4. Не использовать сокращенный код:
Используйте сокращенный код для сжатия кода, что поможет ускорить загрузку и упростить редактирование. Вы можете использовать сокращенный код для таких объявлений, как шрифт, отступы, границы, поля и т. д.
5. Не использовать сокращенные объявления цветов:
Вы можете сжать шестнадцатеричные числа, такие как #fffff и #00000, в #fff и #000. Это один из способов сократить длину кода.
6. Неправильное использование позиционирования:
Новичкам в CSS сложно понять позиции.
Ваш выбор статичный, относительный, абсолютный и фиксированный.
Параметр по умолчанию — статический, и он будет располагаться в соответствии с потоком страницы.
Вы можете разместить предмет где угодно, используя Absolute.
Абсолютные значения будут зависеть от родительского элемента.
Фиксированный используется для того, чтобы элемент оставался на странице, даже если пользователь прокручивает страницу вниз.
Но этими опциями не следует злоупотреблять, так как это будет выглядеть некрасиво.
7. Подтвердите:
Ошибки в вашем коде можно уменьшить, проверив файлы HTML и CSS. Проблемы выявляются валидатором, что позволяет вам скорректировать ваш код.
Надеюсь, что я указал все типичные ошибки. Если я что-то пропустил, добавьте их в комментарий, а также исправьте мои ошибки в этой теме.
![[Саша Чалдрян] Ретушь волос](/assets/images/icons/forum4.png){kind=icon}
![[Наталья Смирнова] Что делать, если вы решили переехать жить в другую страну](/assets/images/icons/forum6.png){kind=icon}
![[Наталья Павлова] 21-дневный курс по самопродвижению и рекрутингу в соц.сетях](/assets/images/icons/forum7.png){kind=icon}
![[Григорий Шорин] Запуск и продажи тренинга через ВК (2016)](/assets/images/icons/forum0.png){kind=icon}
![[WP] Caps Responsive News/ Magazine Wordpress Theme](/assets/images/icons/forum5.png){kind=icon}
