Если вы разработчик веб-страниц, вы всегда используете HTML-кодирование но иногда вы сталкиваетесь с простыми ошибками кодирования. И опытные программисты, и учащиеся допускают ошибки при кодировании HTML из-за внимательности или отсутствия опыта.
Чистый код действительно важен, поскольку он не только делает вас опытным веб-разработчиком, но также экономит ваше время, поскольку вам не нужно редактировать коды позже.
Если ваша веб-страница имеет чистый код, что означает, что ваш html-код содержит конфигурацию, указанную Консорциумом World Wide Web, поддерживая стандарт, которому должны следовать веб-сайты в Интернете, это, в свою очередь, поможет повысить рейтинг вашего сайта в Google.
Всегда помогает, если вы будете осторожны с самого начала, а также проанализируете свою работу перед публикацией.
Вот список наиболее распространенных ошибок кодирования HTML что мы часто делаем и с чем сталкиваемся.
1) Отсутствующий или неподходящий DOCTYPE
DOCTYPE или определение типа документа (DTD) позволяет вашему браузеру определять, какую версию HTML использует ваша веб-страница. Код HTML всегда должен начинаться с DOCTYPE, поскольку он устанавливает правила для конкретной версии HTML.
Вы должны быть осторожны при вводе DOCTYPE, поскольку он чувствителен к регистру, а другой DOCTYPE относится к другой версии HTML. Посмотрите это видео: Как убедиться, что в моем HTML-коде нет ошибок?
2) Неправильно отформатированный HTML
Наиболее распространенной ошибкой при написании кода HTML является его неправильное форматирование, например отсутствие закрывающего тега, отсутствие кавычек для значений атрибутов и несоответствующее размещение тегов.
Обычно большинство HTML-теги имеют открывающий и закрывающий теги, например, а также . Если тег окружает какой-либо контент, его следует закрыть, хотя есть некоторые исключения, например тег, но всегда рекомендуется закрыть этот тег, так как это приведет к редактированию вашего HTML-документ проще.
Всегда лучше заключать значения в кавычки, хотя в старой версии HTML это не обязательно, но в последних версиях это необходимо. Правильное закрытие тега также является очень важной частью HTML-кодирование и он должен заканчиваться в том направлении, в котором он был открыт.
3) Неподдерживаемые атрибуты или теги
Иногда люди склонны использовать такие коды, как или которые не являются частью Стандарты HTML. Опять же, многие используют неправильные атрибуты, такие как тег, который изменяет размер поля в , например. Разные версии HTML поддерживают разные типы атрибутов и тегов.
Если вы хотите быть уверенным в том, какие атрибуты совместимы с используемой вами версией, вам следует проверить свой HTML с помощью HTML Validator.
4) игнорирование кодировки символов
Каждый набор символов имеет определенный код для него, и этот код сообщает веб-браузеру, какой набор символов используется на веб-странице. Таким образом, веб-страница, состоящая из английских символов, будет иметь другой набор символов, чем набор китайских или французских символов.
В результате кодировка символов подсказывает веб-браузеру, какую информацию читать и отображать. В случае большинства веб-страниц на английском языке кодировка символов windows-1252 и ISO-8859-1 обозначает английский символ.
5) Использование нескольких разрывов строки
Неуместно использовать тег разрыва строки для вставки пробела между строками, поскольку это должно строго использоваться для добавления только одного разрыва строки, а не для создания абзацев и пробелов между элементами. Правильный способ использования разрыва строки: Это одна строка Это другая линия Вместо: это одна строка Это другая линия.
6) Использование неподходящих таблиц
Таблицы часто приводят к неправильному кодированию HTML, и, поскольку большинство браузеров не показывают сообщение об ошибке, если таблицы кодируются неправильно, это довольно легко сделать. Тем не менее, вспомогательные технологии очень строго относятся к правильной структуре таблиц. Ниже приведены наиболее распространенные ошибки, которые мы часто совершаем:
- Не заканчивая , или теги или их неправильное окончание
- Заключение строк или ячеек таблицы тегами, используемыми для форматирования текста.
- В каждой строке составляем таблицы с разным количеством ячеек.
- Создание таблиц внутри встроенных элементов, например - или
7) Неправильно отформатированные URL-адреса
Иногда бывает, что вы можете видеть связанные слова и / или изображения, а другие - нет. Вам нужно убедиться, что в URL нет Путь к типу DOS, например C: \ image, иначе тот, кто перейдет по ссылке, получит ошибку 404 «Документ не найден». Опять же, всегда необходимо использовать косую черту (/), а не обратную косую черту (\), даже если какое-то серверное программное обеспечение подтверждает оба, лучше поддерживать стандарт. В случае ссылок проблема могла быть в расширении. Во время тестирования файл с именем mywebpage.htm может работать отлично, но серверу нужен mywebpage.html.
8) с видом
Важно, чтобы любой JavaScript, который выводит данные или выполняет функцию, должен иметь тег, который предоставляет альтернативу или описание того, что делает JavaScript.
9) Использование для выделения жирным шрифтом и
Семантически некорректно использовать соответственно для текста, выделенного курсивом и жирным шрифтом. Для этой цели целесообразно использовать свойства CSS для font-style и font-weight, и если вам нужно использовать стили в самом документе, то лучше использовать и выделить тексты курсивом и жирным шрифтом.
10) Отсутствуют атрибуты alt в случае тегов изображений
Теги изображений должны иметь атрибуты alt, поскольку они объясняют контекст изображения. Если вы используете атрибут alt, поисковые роботы будут лучше классифицировать содержимое, а также помогут пользователям решить, важно изображение или нет.
Этот список, вероятно, можно продолжать бесконечно, но всех этих моментов достаточно, чтобы вы поняли, с чем следует быть осторожным при использовании HTML-кодов.
Вы также должны проверить свою страницу, чтобы быть знакомыми с ошибками кодирования HTML, которые вы совершаете, чтобы вы могли легко избежать их, чтобы иметь чистое кодирование.
Какие ошибки вы совершили в блогах
Привет Джитендра,
С помощью html я понял, что он должен быть в самый раз. Обычно, когда у меня возникают проблемы, это обычно происходит из-за ошибки в коде. Мне пришлось выучить html, потому что как блогеру вам нужно иметь возможность редактировать свой сайт. Сначала мне было немного страшно использовать его, когда я только начинал, потому что я ничего о нем не знал, но я просто учился по ходу, и это действительно помогло мне.
Спасибо, что поделились этим с нами!
Привет Джитендра,
Человеческие ошибки и ошибки не могут быть полностью устранены. Мы стремимся к совершенству только как ученики или эксперты.
Полезно напоминать об этих ошибках кодирования. Хотя я не занимаюсь программированием, но думаю, что этот пост будет полезен веб-мастерам и блогерам.
Бывают случаи, когда необходимо применить некоторые навыки программирования, чтобы настроить и улучшить производительность блога или веб-сайта.
Спасибо, что поделились этим. Я предполагаю, что мы будем следить за ними в случае, если блог или веб-сайт страдают от ошибок кодирования. Тогда мы знаем, что нужно исправить и на что обращать внимание!
Этот пост был найден в kingged, где им поделились и проголосовали за него.