Красивый код — основа красивого веб-сайта. Отличный CSS существует только поверх столь же превосходного HTML-кода, который делает веб-сайт более надежным. В этой статье описаны 12 законов достижения чистого кода веб-дизайна, который подойдет любому, кто занимается веб-дизайном. 1. Строгий DOCTYPE Если вам нужно это сделать, сделайте это правильно. Будь то HTML 4.01 или XHTML 1.0, все они поддерживают строгий режим. Использование строгого режима может гарантировать, что наш код не скроет никаких ошибок. 2. Объявление набора символов, специальные символы закодированы. Объявление набора символов должно быть размещено первым в разделе hea>, чтобы браузер знал, как отображать все содержимое веб-страницы, включая заголовок. Кроме того, некоторые специальные символы, такие как &, лучше всего заменять на &, это самый безопасный метод. 3. Правильная блокировка Отступы не повлияют на рендеринг веб-страниц, но значительно улучшат удобство чтения исходного кода. Конкретных правил для отступов не существует, но рекомендуется соблюдать единообразие во всем. 4. Разместите CSS и JavaScript во внешних файлах. Размещение ссылок CSS и JavaScript во внешних файлах не только уменьшает размер одной веб-страницы, но также означает, что другие веб-страницы могут использовать этот код совместно. Кроме того, механизм кэширования браузера может эффективно уменьшить повторные загрузки одного и того же кода. 5. Правильно вставляйте теги Как показано ниже, в первой строке кода тег h1> вложен в тег a>. Хотя большинство браузеров отображают его правильно, это не очень хорошая привычка. Тег представляет собой блочный объект, а встроенный объект. Встроенные объекты не должны содержать блочные объекты. 6. Удалите ненужные разделы Divs часто злоупотребляют (особенно в мифе DIV+CSS, в котором мы сейчас находимся - Переводчик), люди хотят поместить все в div, чтобы им можно было назначить стили CSS, и это злоупотребление может привести к раздуванию. 7. Используйте более эффективные соглашения об именах Как показано ниже, класс CSS Cat назван красным курсивом, что означает, что Cat использует красный курсив. Что, если вы хотите изменить Cat на синий жирный шрифт? 8. Попробуйте использовать CSS для управления макетом текста Как показано на рисунке ниже, не используйте заглавные буквы напрямую. Используйте CSS для управления форматированием этих слов, что будет более гибким. 9. Присвойте телу независимый класс/идентификатор. Присвоив тегу body независимый класс/идентификатор, можно легко найти любой объект на странице, поскольку все объекты на странице расположены в теле. 10. Проверка Излишне говорить, что вам следует по возможности проверять код ваших веб-страниц. Хотя некоторые ошибки кодирования могут быть автоматически исправлены браузером, некоторые ошибки будут иметь негативные последствия, особенно если вы находитесь в строгом режиме. Даже если вы ничего не предпримете, вид этой зеленой отметки W3C, по крайней мере, поможет вам почувствовать себя лучше. Не нужно быть жестким, чтобы пройти проверку W3C. В веб-дизайне есть и другие аспекты. Только соблюдение результатов проверки W3C может повлиять на некоторые более важные факторы. Например, в IE6 есть много ошибок в стандарте W3C. 100 % Если вы объявите, что ваш веб-сайт не поддерживает IE6 через проверку W3C, по крайней мере, в Китае, вы потеряете больше, чем получите - Переводчик 11. Разумный структурный порядок Сохраняйте структуру вашей веб-страницы в логическом порядке. 12. Делайте все возможное Если вы начнете писать с нуля, то, конечно, гораздо проще придерживаться вышеизложенных принципов. Если вы захотите изменить старый код, это будет очень болезненно. Плохое кодирование некоторых систем CMS поставит вас в трясину. веб-сайт необходимо будет изменить, если он большой по размеру. Несмотря ни на что, важно всегда поддерживать хорошие привычки.