Стандарты кодирования HTML / CSS

Question

Я создаю свой первый сайт для стажировки. Мои преподаватели всегда говорили мне, чтобы я никогда не вставлял какие-либо стили в мою html-страницу. Теперь, когда я на самом деле создаю сайт, я нахожу это раздражающим, если я хочу изменить цвет моего шрифта для тега span - я должен сделать I.D. это и ссылка на него в файле CSS. Есть ли какая-то другая причина, кроме организационных целей использования CSS? Будет ли встраивание одного стиля таким условным нарушением? Спасибо за прочтение, и я буду признателен за любые отзывы.

Answer 1

Есть несколько причин.

Времена, когда вы хотите изменить стиль отдельного элемента на одной странице, должны быть чрезвычайно редкими, поэтому это не должно быть такими трудностями.В любое другое время будет более эффективно (с точки зрения кэширования HTTP) и легче поддерживать (с точки зрения разделения стиля и структуры) экстернализацию информации о стиле.

Поскольку есть хорошие шансычто вы захотите по-разному его стилизовать для разных носителей (например, экрана и печати), для этого вам также понадобится соответствующая таблица стилей.

Answer 2

Если вы встраивали стиль в несколько HTML-страниц и хотите изменить его позже, вам нужно перейти к файлу за файлом, изменив его.Это достаточно веская причина для меня.

Answer 3

Ключевым словом здесь является ремонтопригодность . Организованный код является обслуживаемым кодом! Гораздо лучше добавить идентификатор к тегу и ссылаться на него в глобальном файле CSS, чем делать это встроенным, потому что, если вы хотите изменить этот стиль позже, вы знаете, где его найти, и вам нужно только изменить его одно место.

Answer 4

В идеале дизайн должен быть достаточно последовательным, чтобы вы могли использовать общие правила для таких ситуаций.Если вы хотите что-то подчеркнуть, то, вероятно, <em> или <strong>.После стилизации вашего <em> или <strong> вы можете легко добавить такой же акцент к другим областям сайта.

Это не просто производительность или стиль, это также согласованность и простота обслуживания.

Найдите похожие элементы в вашем дизайне и отметьте их аналогичным образом.Это так просто.

Answer 5

Основным аргументом для этого является то, что цель HTML состоит в том, чтобы предоставить структуру, в то время как работа CSS состоит в том, чтобы обеспечить стилизацию, встраивая CSS в HTML, вы нарушаете это основное правило.Кроме того, вам будет нелегко поддерживать страницы.

Answer 6

Причина, по которой вы хотите выгрузить CSS в другой файл, заключается в том, что браузер может его кешировать.В противном случае браузер должен загрузить весь CSS, а также всю разметку на каждой странице.Если вы храните его в отдельном файле, браузер должен загрузить CSS только один раз.

Answer 7

встроенный CSS имеет следующие проблемы: - 1. У него есть проблема совместимости браузера.Пример Ie имеет проблемы с пониманием встроенного стиля.2. Если вы хотите использовать тот же стиль CSS снова, лучше иметь класс для него.

Answer 8

Даже если это «всего 1», вы все равно должны это делать, потому что это помогает вам привыкнуть к этому.