Правильно ли я сверстал интернет-магазин?

Question

[Zhalgas Saparov]

Закончил вёрстку интернет магазина (ссылка на неё https://theswing20.000webhostapp.com/). Это была моей первой вёрсткой и я сделал кнопки через div и внутри тег a и вопрос правильно я сделал? Примет ли back-end такую вёрстку?
Заранее спасибо за ответ :)

Comments

[Urukhayy]

Back-end никак не зависит от вёрстки.

[Zhalgas Saparov]

Urukhayy, Он может мне отказать с back'ом если я отправлю ему этот проект?

[archelon]

Urukhayy, ну это как посмотреть.
есть нюансы.

[Zhalgas Saparov]

archelon, Можем рассказать про них? Был очень благодарен

[Zhalgas Saparov]

archelon, Можешь*

Answer 1

[archelon]

Первое, что бросилось в глаза:
1. Зачем shop-block-1, shop-block-2, shop-block-3, и для каждого отдельно прописан стиль?
Вот здесь на месте бэкендера я бы точно придрался. Это одинаковые блоки, им не нужны разные классы.
2. <h5>В наличии: 3 шт</h5> - семантически неверно, заголовок тут не нужен.
3. Несколько h1 заголовков
4. Навигация рассыпается, если ширина окна менее 1920px
для начала хватит.
P.S. Учитывая, что это ваша первая верстка, в целом нормально. Но до продакшена еще много допиливать.

Comments

[Zhalgas Saparov]

Правильно ли я кнопку сделал? Через div + a

[archelon]

Кнопку "Купить"? Тег <h2> внутри лишний. Да и тэг <a> не нужен. По клику на кнопке должен срабатывать скрипт добавления в корзину, ссылка тут не нужна. Достаточно одного div.

[alex-1917]

archelon, а вдруг этот его загадочный бек-энд потребует для каждого блока с товаром своей формы, тогда a нужно будет, а то и button. Да и для мобильных устройств проще сделать правильную реакцию на клик, а то вон в соседней теме чувак до сих пор мучается, почему два раза надо кликать по span-у, чтобы в корзину добавить!!)
ULMART - кнопка купить как тег a - ну что, идём бить по пальцам железной линейкой тамошнему верстальщику???))
Автор, посмотрел бы хотя бы у крупных магазинов, чо и как...

[Zhalgas Saparov]

alex-1917, Спасибо за совет) Орнул со span'a, хотя не мне это говорить)

[archelon]

alex-1917,
На юлмарте в кнопке ссылка, потому что по клику переходим в корзину (хотя можно было обойтись и без нее). Но тут же на ней видим rel="nofollow". Объяснить, почему?

[Zhalgas Saparov]

archelon, Не понял что за юлмарт?

[Zhalgas Saparov]

archelon, Я не умею делать модальные окна, и сделал как-то так.

[archelon]

zettt, ulmart.ru.

[archelon]

zettt, Не, переход на страницу корзины - это ок. Хотя у вас она в отрыве от остального интерфейса.
И конструкция div > a тоже вполне ок.
Не заморачивайтесь на этом, у вас много других более приоритетных моментов.

[Zhalgas Saparov]

archelon, Было бы хорошо если бы ответили было почему они так сделали

[alex-1917]

archelon, та нэ!!)) я ж про мобильные устройства не зря сказал. Ок, если пример невнятный, то посмотрите на эльдорадо)) там - о боже мой - тоже тег a!!)) а вот перехода - о боже мой - нет))
nofollow говоришь? скорее всего осталось от шаблонов 10летних)) когда они еще занимались сео-продвижением... думаю щас это им не нужно)))