Средства контроля качества кода
При написании кодов HTML и CSS прощаются многие огрехи. Можно просчитаться с количеством вложенных элементов, забыть поставить кавычки или слеш в элементе или не заметить проблему. Мне чуть ли не еженедельно приходится сталкиваться с собственными просчетами в разметке. Иногда это ляпы вроде опечаток. А иногда ученические ошибки типа вложения div в span (разметка, при которой элемент блочного уровня div попадает в линейный элемент span, приводит к непредсказуемым результатам). К счастью, нам в помощь разработаны специальные инструментальные средства. Можете обратиться по адресу: http:// validator.w3.org/ и вставить на этот сайт свою разметку. В результате будут помечены все ошибки и получены номера их строк, что существенно облегчит их устранение.
Рис. 11.9. Пропускайте проверку HTML на свой страх и риск!
А еще лучше установите и настройте средства контроля качества вашего кода HTML, CSS и JavaScript. Или выберете текстовый редактор с определенным уровнем встроенной проверки правильности кода. Тогда по мере набора кода вы будете видеть обозначенные проблемные области. Посмотрите на пример простой ошибки в написании кода CSS, которая сразу же была замечена редактором Visual Studio Code:
Рис. 11.10. Пользуйтесь инструментами, которые избавят вас от основных проблем
Я специально набрал widtth вместо width. Редактор это заметил и указал на ошибку, предлагая при этом разумные альтернативы. По возможности нужно пользоваться именно такими инструментами. Лучше потратить время на их подбор, чем на выискивание глупых ошибок в своем коде.
При написании кодов HTML и CSS прощаются многие огрехи. Можно просчитаться с количеством вложенных элементов, забыть поставить кавычки или слеш в элементе или не заметить проблему. Мне чуть ли не еженедельно приходится сталкиваться с собственными просчетами в разметке. Иногда это ляпы вроде опечаток. А иногда ученические ошибки типа вложения div в span (разметка, при которой элемент блочного уровня div попадает в линейный элемент span, приводит к непредсказуемым результатам). К счастью, нам в помощь разработаны специальные инструментальные средства. Можете обратиться по адресу: http:// validator.w3.org/ и вставить на этот сайт свою разметку. В результате будут помечены все ошибки и получены номера их строк, что существенно облегчит их устранение.
Рис. 11.9. Пропускайте проверку HTML на свой страх и риск!
А еще лучше установите и настройте средства контроля качества вашего кода HTML, CSS и JavaScript. Или выберете текстовый редактор с определенным уровнем встроенной проверки правильности кода. Тогда по мере набора кода вы будете видеть обозначенные проблемные области. Посмотрите на пример простой ошибки в написании кода CSS, которая сразу же была замечена редактором Visual Studio Code:
Рис. 11.10. Пользуйтесь инструментами, которые избавят вас от основных проблем
Я специально набрал widtth вместо width. Редактор это заметил и указал на ошибку, предлагая при этом разумные альтернативы. По возможности нужно пользоваться именно такими инструментами. Лучше потратить время на их подбор, чем на выискивание глупых ошибок в своем коде.
