Комментарии 18
Тема с a как button особенно болезненная. Сам, бывает, этим грешу, не потому что не знаю, что это не одно и то же, а потому что тупо лень сбрасывать стили у стандартной кнопки.
Хотя что-то подобное было бы более, чем достаточно:
button {
border: 0;
background: 0;
padding: 0;
font: inherit;
}
Насчет justify-content: space-between - добавьте дочернему элементу в вашем примере flex: 1 0 auto и если в ряду будет элементов меньше, то они будут заполнять оставшееся пространство полностью, деля на всех или заполняя в одиночку.
Полезная статья, было интересно почитать!
Не делайте так
<a href="#">Показать мой заказ</a>
Можно сделать так
<button type="button">Показать мой заказ</button>
Хорошо, но что если мне нужна именно ссылка а не кнопка?
Используй ссылку, duh
nohref?
Мимикрируй под ссылку
Если нет определенности какой путь указать, то можно не указывать href. Просто оставить:
<a>мой заказ</a>В таком случае ссылка перестает ей быть и теряет свойства интерактивности, т.е на нее нельзя сфокусироваться, к примеру. Такое бывает в навигации, когда у ссылки убирают href, чтобы обозначить текущую страницу.
Если не известен путь и интерактивность должна присутствовать, то это только button.
Самый интересный лайвфак про людей с головокружением.
Когда они это делают, то получает неожиданный результат, а именно они увидят верх страницы.
Не потому ли, что в
Не делайте так
<a href="#">Показать мой заказ</a>после якоря должен идти «указатель», а пустой якорь — это не дурной тон, а нарушение синтаксиса? Вопрос риторический.
Спасибо
Что с заголовками вообще в левую сторону. Заголовок - это заголовок. А не контейнер для размещения строчных элементов. К тому же, краем уха слышал что поисковикам не нравится, когда в теги h1...h6 напихано всякое разное.
Если мне нужно несколько заголовков - то мне нужно именно несколько заголовков. И мне плевать на то, что пользователям скринридеров что-то там не нравится. Пользователям мобильных, например, не нравятся длинные простыни текста. Так что, давайте теперь будем использовать меньше строчных элементов?
Напоминает историю, когда чуть больше 10 лет назад, отрасль со скрипом переползала с табличной вёрстки на блочную. И многие прям такое отвращение к тэгу table испытывали... Но если мне нужна таблица (а то и несколько штук подряд), то мне плевать на чьи-то предубеждения касательно табличной вёрстки. А рецепт автора тогда выглядел как:
/* плохо */
table{
}
/* хорошо */
div.table{
display:table;
}
div.table > div{
display:table-row;
}
div.table > div > div{
display:table-cell;
}
6 хороших практик по HTML и CSS