huksley May 9 2009 at 10:39

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

1 min

2.6K

Lumber room

-2

Comments 26

Ockonal May 9 2009 at 10:55

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

huksley May 9 2009 at 19:27

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

huksley May 12 2009 at 05:15

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

UFO landed and left these words here

Razunter May 9 2009 at 11:46

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

denisyukphp May 9 2009 at 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 May 9 2009 at 19:28

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

Novikov May 9 2009 at 12:52

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

Koder May 9 2009 at 12:59

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

Novikov May 9 2009 at 16:17

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

huksley May 9 2009 at 19:31

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

UFO landed and left these words here

huksley May 10 2009 at 06:36

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

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

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

UFO landed and left these words here

huksley May 10 2009 at 16:08

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

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

Novikov May 9 2009 at 21:45

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

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

shergin May 9 2009 at 12:59

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

elfiki May 9 2009 at 14:03

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

Novikov May 9 2009 at 16:16

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