Основные правила
написания HTML
Существует множество правил и рекомендаций по написанию хорошего html.
Как человек, который только недавно начал писать html и css, я считаю наиболее полезными 5 правил (я знаю, что вы сказали 3 правила, но это все ошибки, которые я сделал, когда только начал, поэтому подумал, что добавьте несколько бонусных правил):
1. Старайтесь, чтобы ваш код был хорошо отформатирован, аккуратен и легко читался.
Открывающие и закрывающие теги должны быть выровнены, а ваш html должен быть структурирован с отступами и пробелами в нужных местах.
2. Не используйте таблицы HTML для верстки.
Только не надо.
3. Не используйте теги <div>, если они вам действительно не нужны.
В этом я был виноват изначально. Также z-индексируйте эти div!
4. Не используйте атрибуты, которые вам не нужны.
Немного очевидно, не каждому элементу нужен идентификатор, класс, имя и значение ... #justsaying
5. Если вы собираетесь использовать класс, идентификатор или имя - ради бога, сделайте это релевантным для того, что они на самом деле делают.
Если вы указываете идентификатор css, который стилизует элемент так, чтобы он выглядел как большая панель поиска с красной рамкой, назовите это как-то вроде # large-red-search
Не используйте идентификатор типа # qwerty123, потому что вам будет сложно вспомнить, что, черт возьми, он делает, когда вы просматриваете свой код в поисках ошибок.
Надеюсь это поможет!
1. Уважайте синтаксис и семантику
Другими словами: проверьте свой код и используйте разметку в соответствии с его назначением. Для проверки есть валидаторы, а синтаксис и семантика объясняются в спецификациях. Многие преимущества проистекают из уважения синтаксиса и семантики. В частности, избегать нескольких ошибок доступности и быть профессионалом.
2. Не используйте презентационную или поведенческую разметку.
Другими словами: избегайте презентационных и поведенческих элементов и атрибутов, избегайте презентационных и поведенческих идентификаторов и имен классов, избегайте ссылки на слишком много таблиц стилей и скриптов, избегайте испорченных имен файлов и т. Д. Стр. Изменения наценки по-прежнему являются самыми дорогостоящими. Разделение проблем - единственный вариант, который вы можете использовать для написания разметки, которую можно использовать повторно и поддерживать.
3. Избавьтесь от всего, что не является абсолютно необходимым.
Другими словами: исключите все, что не является абсолютно необходимым. Ставьте под сомнение все. Просто использовать разметку, которая вам действительно нужна, звучит легко, но, к сожалению, это не так. Это требует опыта и знаний. Когда ставите под сомнение все и опускаете даже больше, изучите также синтаксические возможности (URL-адреса без протоколов, необязательные теги, значения атрибутов без кавычек и т. Д.). Освоившись с методами, приветствуйте не только производительность, но и преимущества ремонтопригодности.
Изучите HTML5 и CSS3 для начинающих