/ it-юмор :: geek (Прикольные гаджеты. Научный, инженерный и айтишный юмор)

iluxa1810iluxa1810
it-юмор geek 
<Button>,it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
Подробнее
<Button>
it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
Еще на тему
it-юмор

it-юмор(3359)

geek

geek(16821)

Развернуть
Комментарии 2631.07.201921:15ссылка15.0
html в теги?
user382045 user382045 31.07.201921:26 ответить ссылка -1.4
div? почему не span?
SobakaBalabaka SobakaBalabaka 31.07.201921:31 ответить ссылка -0.6
зы: а помните, как всё табличками верстали? :'-(
SobakaBalabaka SobakaBalabaka 31.07.201921:31 ответить ссылка ↑ 2.7
Я до сих пор так часто делаю на небольших страницах. Удобно же.
Hellsy Hellsy 31.07.201923:03 ответить ссылка ↑ 3.1
В почте вообще альтернативы особо нет.
pda0 pda0 31.07.201923:36 ответить ссылка ↑ 0.9
display: table;
Длинный негр Длинный негр 01.08.201914:31 ответить ссылка ↑ 0.0
Я не вебер, но когда шабашил, то сделать какую-то хуйню, вроде нескольких ячеек, растягивающихся на нужную ширину (например, кнопка с иконкой), проще таблицей, чем сраными div'ами и прочей хуйней.
DarkCoder DarkCoder 01.08.201900:55 ответить ссылка ↑ -0.1
Потому что div - блочный.
Удобнее размеры кнопки задавать.
И текста меньше.)

* Но в целом, не вижу ничего предосудительного.
Использование div'ов позволяет иметь единый стиль.
А button'ы - единый стиль ломают. Да ещё и обрабатываются каждым браузером по-своему.

В общем, div'ы - не проблема.
А учитывая, что поисковикам на них пофих (они по контенту ориентируются), то и вовсе проблемы нет.
Zwei Zwei 31.07.201921:40 ответить ссылка ↑ 0.3
ну заебись
display:block; практические всегда приходится менять на inline-block, так что не вижу разницы по количеству стилей
единственная разница, как я помню, что span рекомендуются для оформления текста. но когда у тебя пиздует вложенность 8 дивов вглубь, то иногда аж тянет вставить спан, чтобы читалось легче. тем более что разницы нет - оба выполняют не свою функцию и на них будет подвешен скрипт
SobakaBalabaka SobakaBalabaka 31.07.201921:48 ответить ссылка ↑ 0.0
Проблемы начинаются у людей с ограниченными возможностями. Например у тех, кто пользуется скринридером. Если не навесить роль кнопки на див, который выступает кнопкой, человек не сможет нормально воспользоваться.

С другой стороны в постсовке плохо с инклюзивностью\
kierok kierok 31.07.201922:05 ответить ссылка ↑ 1.9
Уровень зарплат в постсовке всех делает немного "с ограниченными возможностями", так что каждый выживает, как может.
21parit 21parit 31.07.201922:32 ответить ссылка ↑ 2.0
Ну, никто же не запрещает роль вешать.
+ Внутри блока может быть текст, который ридер прочитает и человек по нему поймёт, что это кнопка.
+ Есть атрибут title, который работает с любыми тегами.
Zwei Zwei 06.08.201905:27 ответить ссылка ↑ 0.0
Вот только div вываливается из всяких p и a, что делает проблематичным их впиливать в текст. span тут удобнее.
KoMaTo3 KoMaTo3 31.07.201923:18 ответить ссылка ↑ 0.0
а чем вам input type="button" не угодил?
Kamikadze012 Kamikadze012 31.07.201923:30 ответить ссылка ↑ 0.1
срабатыванием по клику
SobakaBalabaka SobakaBalabaka 31.07.201923:36 ответить ссылка ↑ 0.0
и стилями
SobakaBalabaka SobakaBalabaka 31.07.201923:36 ответить ссылка ↑ 0.0
тест
SobakaBalabaka SobakaBalabaka 31.07.201923:38 ответить ссылка ↑ 0.0
можно про это подробнее?
Kamikadze012 Kamikadze012 31.07.201923:43 ответить ссылка ↑ 0.0
этот пидор тупо форму отправляет
а иногда нужно делать это не дефолтным способом и с плюшками
SobakaBalabaka SobakaBalabaka 31.07.201923:56 ответить ссылка ↑ -0.2
type="submit" отправляет, type="button" нет
LLlKBAPKA LLlKBAPKA 01.08.201900:14 ответить ссылка ↑ 0.3
Ха.ха.
SobakaBalabaka SobakaBalabaka 01.08.201900:27 ответить ссылка ↑ 0.4
Речь о кнопке. Кнопка обычно идёт отдельно от текста.)

И да, фигли у вас div вываливается из p - они оба блочные.
Если речь про обтекание текстом - это да, тонкий момент.

Но материал по нему есть, чтобы разобраться и не возникало проблем.
Zwei Zwei 06.08.201905:10 ответить ссылка ↑ 0.0
Семантика? Не, не слышал.
Напридумывали еще всяких хедеров, футеров. Ну нах. Верстать все при помощи !
PlayTime PlayTime 02.08.201917:15 ответить ссылка ↑ 0.0
Семантика должна быть в меру.
Очень весело, когда к ней оперируют, пытаясь любую дырку закрыть.

div - блочный элемент. Кнопка - блочный элемент. Так что семантика соблюдена более чем.

* Ну а если речь про семантику в контексте поисковиков - им уже давно без разницы (почти) на теги. Они индексируют по контенту. Это ещё с тех времён началось, когда народ массово менял b на strong и другие подобные замены делал, чтобы странички в поиске продвинуть. Это снизило весомость тегов и повысило весомость их содержимого, по которому индексация и работает в итоге.

** "Почти", потому что остались тонкости. Например, менюшки лучше делать через список ul/ol, а не просто набором ссылок a. Т.к. при втором варианте поисковик может посчитать сайт дорвеем (ссылко-помойкой).

Насчёт html5-тегов - согласен, та ещё муть.
header, futer, aside, section и т.д. (внутри которых тоже не всегда есть определённость, кого когда использовать).

Ибо плюшек это не даёт, а кроссбраузерность снижает очень резко.
* И да, к "ограниченным возможностям" тут оперировать нет смысла. Т.к. большинство (если не все) ридеров сделаны вообще по html4, и поддерживать html5 с его постоянно меняющимися правилами - это дичайший гемор для создателей ридеров.

А верстать через !, если имелся в ввиду !important - не очень хороший знак. Если приходится. то либо переделываешь за кем-то и слишком геморно сделать иначе, либо у тебя проблемы.)))
Zwei Zwei 06.08.201905:19 ответить ссылка ↑ -0.6
Тут вот немного размышлений со ссылками на статьи, на тему переоценённости семантики.)

https://web-standards.ru/articles/pointless-semantic/
Zwei Zwei 06.08.201905:44 ответить ссылка ↑ 0.0
Приколы для фронт-эндщиков?
doublespace doublespace 31.07.201923:59 ответить ссылка 1.0
Только зарегистрированные и активированные пользователи могут добавлять комментарии.
Похожие темы
без перевода

без перевода

интернет

интернет

программирование

программирование

красивые картинки

красивые картинки

it юмор


Тренды

Fallout
приколы для полных дегенератов
Дрочибельные мемы
Похожие посты
One morning you wake up find out you have access to God’s developer console. What’s the first thing you do with this power? Discussion ♦ 154 + W 479 & Share ^ BEST COMMENTS ▼ I like forks • 5h hehe3301 • 7h sudo rm -rf oceans/*/contents/ *.plástic sudo rm -rf people/*/*.cáncer sudo rm -rf v
подробнее»

it-юмор geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор без перевода it humor geek it юмор

One morning you wake up find out you have access to God’s developer console. What’s the first thing you do with this power? Discussion ♦ 154 + W 479 & Share ^ BEST COMMENTS ▼ I like forks • 5h hehe3301 • 7h sudo rm -rf oceans/*/contents/ *.plástic sudo rm -rf people/*/*.cáncer sudo rm -rf v
¿i OR IS IT TESTING ME? Й Any doctor here? ■gl m a doctor! |r . 1 Whats going * ■ A heart atack! ■■ " T| I m a doctor -^Tlof Computer T ' |Rk ^ J Science! ^ 1 ^ IT rwz is going to diem OldMan.setHealth A He "100%") sudo OldMan.setHealth ("100%");
подробнее»

it-юмор geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор без перевода it humor geek it юмор

Any doctor here? ■gl m a doctor! |r . 1 Whats going * ■ A heart atack! ■■ " T| I m a doctor -^Tlof Computer T ' |Rk ^ J Science! ^ 1 ^ IT rwz is going to diem OldMan.setHealth A He "100%") sudo OldMan.setHealth ("100%");