User Tools

Site Tools


public:standarts:verstka

Стандарты верстки сайтов

  1. Заголовки должны выделяться тегами H1, H2, H3, H4.
  2. При создании меню использовать “ul” список, внутри которого будут лежать “li” элементы меню. Если имеются пункты второй вложенности, соответственно создаем внутри первичного “li” элемента еще один “ul” список.
  3. Все служебные картинки (иконки, стрелки,буллеты) должны быть прописаны в CSS коде. В HTML, тег “img” должен использоваться только для больших картинок 100 x 100 и выше.
  4. Все тексты (параграфы) должны быть заключены в обзацы “p”. Эти теги “p” не должны иметь своих классов, за исключением случаев, когда их нужно выделить.
  5. Все стили и скрипты выносить в отдельные файлы.
  6. Ссылка на студию должна открываться в новом окне, быть заключена в теги <noindex> и иметь атрибут rel=”nofollow”.
  7. Везде, где выводится цена, нужно предусмотреть 6-тизначную цифру.
  8. Все картинки товаров и инфоэлементов(новости, статьи, бренды) должны центроваться в случае, если их размер меньше, чем размер, указанный в макетах, или имеет другие пропорции.
  9. Все кнопки добавления товара в корзину должны быть сделаны ссылками.
  10. Для меню, в том числе и меню состоящие из списка разделов каталога должен быть предусмотрен активный класс. Если в макете не указано как именно должен выделяться пункт, то просто делать его жирным.
  11. Все слайдеры, всплывающие окна, анимации и т.д. должны работать.
  12. Все теги должны быть закрыты. В том числе и “input, br, hr, img”.
  13. Все кнопки оформления заказа должны быть сделаны с использованием “input”.
  14. Все кнопки добавления товара в корзину должны быть сделаны с использованием тега “a”.
  15. Все иконки “<i></i>” и подобные должны содержать внутри неразрывной пробел &nbsp;, иначе визуальный редактор их удаляет.
  16. Если в слайдерах всего 1 элемент, то стрелок перелистывания слайдов не должно быть.
  17. Все теги “a” должны иметь атрибут title, а “img” атрибут “alt”.
  18. Иконки соц сетей должны быть сверстаны с помощью картинок “img”, а окружать их должна ссылка “a”. Оба тега не должны иметь дополнительных классов.
  19. Верстка должна корректно работать в IE10+.
  20. Верстка должна корректно отображаться на браузерах операционных систем Android и iOS.
public/standarts/verstka.txt · Last modified: 2017/10/12 в 10:48 by Максим Засорин