This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
standarty:standarty_verstki [06.05.15 в 14:51] Артем Куц |
— (current) | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Стандарты верстки сайтов ====== | + | |
- | - Заголовки должны выделяться тегами 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>” и подобные должны содержать внутри неразрывной пробел , иначе визуальный редактор их удаляет. | + | |
- | - Если в слайдерах всего 1 элемент, то стрелок перелистывания слайдов не должно быть. | + | |
- | - Все теги “a” должны иметь атрибут title, а “img” атрибут “alt”. | + | |
- | - Иконки соц сетей должны быть сверстаны с помощью картинок “img”, а окружать их должна ссылка “a”. Оба тега не должны иметь дополнительных классов. | + | |
- | - Верстка должна корректно отображаться на браузерах операционных систем Android и IOS. | + |