Оформление html кода

1. Протокол - если обращение идет к файлу на другом сайте. В идеале нужно все скрипты и ccs скачивать в проект, тогда указывать сайт и протокол не нужно.

    Правильно:
    

    Правильно:
    

    Неправильно:
    

    /*Правильно:*/
    .example {
        background: url(//www.redsgroup.ru/images/example.jpg);
    }

    .example {
        background: url(/images/example.jpg);
    }

    /*Неправильно:*/
    .example {
        background: url(https://www.redsgroup.ru/images/example.jpg);
    }

2. Регистр - Весь код должен быть написан в нижнем регистре: Это относится к названиям элементов, названиям атрибутов, значениям атрибутов, селекторам, свойствам и их значениям (кроме текста).

    Правильно:
    

    Неправильно:
    

3. Отступы - всегда используем 4 пробела для отступов (в редакторе кода можно задать, чтобы tab был равен 4-м пробелам)

    Правильно:
    

        
Пять
        
Погулять
    

4. Пробелы в конце строки - не используем пробелы в конце строки

5. HTML код должен быть валидным - проверить код на валидность можно тут

6. Семантика - Используем HTML теги по назначению

    Правильно:
    All recommendations

    Неправильно:
    
All recommendations

7. alt и title - у всех изображений на сайте должен быть атрибут alt, у всех ссылок должен быть атрибут title

    Правильно:
    All recommendations

    

    Неправильно:
    All recommendations

    

8. Разделение структуры - все стили и скрипты должны быть вынесены в отдельные файлы. Все php-данные должны быть получены до работы с шаблоном.

    Неправильно:
    
Какой-то заголовок

9. Атрибут 'type' - не указываем данный атрибут при подключении стилей и скриптов

    Правильно:
    

    

    Неправильно:
    

    

10. Форматирование - Выделяйте новую строку для каждого блочного, табличного или списочного элемента и ставьте отступы для каждого дочернего элемента. Независимо от стилей, заданных для элемента (CSS позволяет изменить поведение элемента с помощью свойства display), переносите каждый блочный или табличный элемент на новую строку. Также ставьте отступы для всех элементов, вложенных в блочный или табличный элемент.

    Правильно:
    

        
Space, the final frontier.
    

    

        
Маша
        
Глаша
        
Чебураша
    

    

        

            

                
Прибыль
                
Налоги
            
        
        

            

                
$ 5.00
                
$ 4.50