KAD::Wiki

====== Стандарты верстки сайтов ======
  - Заголовки должны выделяться тегами H1, H2, H3, H4.
  - При создании меню использовать “ul” список, внутри которого будут лежать “li” элементы меню. Если имеются пункты второй вложенности, соответственно создаем внутри первичного “li” элемента еще один “ul” список.
  - Все служебные картинки (иконки, стрелки,буллеты) должны быть прописаны в CSS коде. В HTML, тег “img” должен использоваться только для больших картинок 100 x 100 и выше.
  - Все тексты (параграфы) должны быть заключены в обзацы “p”. Эти теги “p” не должны иметь своих классов, за исключением случаев, когда их нужно выделить.
  - Все стили и скрипты выносить в отдельные файлы.
  - 
  - Ссылка на студию должна открываться в новом окне, быть заключена в теги <noindex> и иметь атрибут rel=”nofollow”.
  - Везде, где выводится цена, нужно предусмотреть 6-тизначную цифру.
  - Все картинки товаров и инфоэлементов(новости, статьи, бренды) должны центроваться в случае, если их размер меньше, чем размер, указанный в макетах, или имеет другие пропорции.
  - Все кнопки добавления товара в корзину должны быть сделаны ссылками.
  - Для меню, в том числе и меню состоящие из списка разделов каталога должен быть предусмотрен активный класс. Если в макете не указано как именно должен выделяться пункт, то просто делать его жирным.
  - Все слайдеры, всплывающие окна, анимации и т.д. должны работать.
  - Все теги должны быть закрыты. В том числе и “input, br, hr, img”.
  - Все кнопки оформления заказа должны быть сделаны с использованием “input”.
  - Все кнопки добавления товара в корзину должны быть сделаны с использованием тега “a”.
  - Все иконки “<i></i>” и подобные должны содержать внутри неразрывной пробел &nbsp;, иначе визуальный редактор их удаляет.
  - Если в слайдерах всего 1 элемент, то стрелок перелистывания слайдов не должно быть.
  - Все теги “a” должны иметь атрибут title, а “img” атрибут “alt”.
  - Иконки соц сетей должны быть сверстаны с помощью картинок “img”, а окружать их должна ссылка “a”. Оба тега не должны иметь дополнительных классов.
  - Верстка должна корректно работать в IE10+.
  - Верстка должна корректно отображаться на браузерах операционных систем Android и IOS.
KAD::Wiki

User Tools

Site Tools

Page Tools
