huksley9 мая 2009 в 10:39

Кнопка на основе тега A без внутреннего SPAN

1 мин

2.8K

Чулан

-2

Комментарии 26

Ockonal 9 мая 2009 в 10:55

Ссылка на пример не работает.

huksley 9 мая 2009 в 19:27

Извините ради бога я не думал что народ начнет комментировать. Выложить пример смогу только во вторник, на работе забыл.

huksley 12 мая 2009 в 05:15

Опубликовал пример.

НЛО прилетело и опубликовало эту надпись здесь

Razunter 9 мая 2009 в 11:46

в xhtml теги должны закрываться, и допускается сокращенная запись тега в случае отсутствия в нем контента… Например,
, <span /> и другие. Это аналогично стандартной записи:

denisyukphp 9 мая 2009 в 12:25

Ну а в чём собственно проблема:

.button { display: block; width: 100px; height: 100px; background: url(tata.png); }
.button:hover {… }
.button:active {… }

IE7+ / Chrome 1+ / Opera 9+ / Firefox 3+

huksley 9 мая 2009 в 19:28

Очень просто — хочется кнопку удлиняющуюся в зависимости от длины текста.

Novikov 9 мая 2009 в 12:52

Как тег span или div «нарушает семантику»?

Koder 9 мая 2009 в 12:59

Простите, а сама по себе кнопка на основе тега A — это семантично? Может для кнопок стоит использовать предназначенный для них тег?

Novikov 9 мая 2009 в 16:17

С этим — к автору поста.

huksley 9 мая 2009 в 19:31

В принципе можно и <button/>. Это не важно. Но основые методики требуют span. А нарушает он семантику тем что на вопрос — зачем для контента и структры нужен этот тэг ответа нет.

НЛО прилетело и опубликовало эту надпись здесь

huksley 10 мая 2009 в 06:36

Согласен, использование слова семантики в данном посте, возможно, не совсем корректно.

Однако идея что в каком то месте нужно навставлять тэгов для того чтобы помочь браузеру правильно отобразить тот или иной элемент мне не нравится. В том числе Javascript.

Наверное это связано с тем что основная специфика моей деятельности — веб-приложения. И стиль может быть изменен но при этом добавлять в сотни кнопок span тэг только для того чтобы отобразить по другому я считаю неправильным.

НЛО прилетело и опубликовало эту надпись здесь

huksley 10 мая 2009 в 16:08

Представьте на секунду что приложений сотни. И кнопок на них сотни х сотни. И менять код нет ни желания ни возможности по многим причинам.

Я предлагаю Вам самоутверждаться в другом месте. И там бросаться лозунгами и громкими словами.

Novikov 9 мая 2009 в 21:45

Запомните: семантику нарушает применение тегов не по назначению. Назначение тегов span — быть контейнером. Для оформления, например. Для создания неразрывных фрагментов строк, например. Для чего угодно.

Так вот, применение тут тега span не нарушает семантику.

shergin 9 мая 2009 в 12:59

Тут можно выделить 2 проблемы:
1. По стандарту внутри A не может быть блочного элемента.
2. Логически кнопка одна, поэтому элемент должен быть один.

elfiki 9 мая 2009 в 14:03

span — строчный элемент

Novikov 9 мая 2009 в 16:16

1. Когда тег span стал блочным?
2. Это еще почему? Логически заголовок один, а внутри него может быть масса span'ов. span — это просто контейнер, их может быть сколько угодно и где угодно.