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