Семантически ли верно в ссылке использовать блоки?

Question

[AlexanderShustik]

Собственно сабж в теме. Про строчный элемент и блочный я знаю. Валидатор пропускает.

Comments

[Андрей Федоров]

> и указатель мыши изменится, и тапать будет как при a href

К сож. вы удалили свой коментарий, но тем не менее...

блоку добавляем css:

#block:hover {
cursor:pointer;
}

а js вешаем на событие onmousedown:

Answer 1

[Евгений Петров]

Про гиперссылки в HTML5 сказано, что внутри них ожидается transparent content, за исключением интерактивного (другие ссылки, элементы форм etc.).
Так что блоки, таблицы — не вопрос. Вполне себе семантично.

Update: Только помните, что, вложив блок в ссылку, вы эту ссылку должны использовать там, где ожидается flow content. За исключением случая, когда ссылке назначено представление display:inline-block.

Comments

[AlexanderShustik]

Тогда другой вопрос, можно ли в параграфе блоки размещать или, по правилу блочные в строчных, нельзя

[Николай Владимирович]

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

[Евгений Петров]

Нет, в параграфе ожидается phrasing content. Вложение блока в параграф приведёт к разрыву параграфа в этом месте.
Скажите, вам в документацию самому лень заглянуть?

[Евгений Петров]

Николай Владимирович: Вы ссылки не видите? Пройдите по ним и почитайте.

[AlexanderShustik]

а изображение это строка
htmlbook.ru/samlayout/blochnaya-verstka/strochnye-...

[Николай Владимирович]

Евгений Петров: Прекрасно вижу. Спасибо

[AlexanderShustik]

Евгений Петров: да я по английски только понимать могу

[Евгений Петров]

AlexanderShustik: Все элементы с генерируемым контентом отображаются как display:inline-block.
Это img, audio, video, object, embed, canvas. Все они, как и обычные строчные элементы, относятся к phrasing content.

[Евгений Петров]

AlexanderShustik: И ещё — не читайте про разрыв параграфа. Считайте, что я так пошутил:)

[tef]

Евгений Петров: Разрыв параграфа. Звучит, как что-то неприятное.

[Евгений Петров]

tef: Согласен:) И звучит пошло, и по смыслу неверно.

[AlexanderShustik]

Евгений Петров: transparent - это прозрачность, т. е. блоки, таблицы, какие-нибудь footer, section, nav. Это значит, что никаких списков, параграфов в ссылке быть не может и, если абстрагироваться, то можно представить что изображение это прозрачная область с определенной шириной и высотой заполненная тем что в scr. Клаасс....)

[Евгений Петров]

AlexanderShustik: Вы бы хоть на ссылку нажали и прочли, что вкладывается в этот термин в рамках HTML, а ни притягивали значение правила CSS.

А если бы прочли, то поняли, что модель представления для таких элементов зависит от содержимого, и если в ссылку вложить блок, то размещать её нужно там, где ожидается flow content. Это и есть прозрачность с точки зрения блочной модели.

[Евгений Петров]

SelenIT2: Мне тоже так казалось, но подтвердить не могу, а раз так, то... SPAN разорвёт на части, это точно.
Если у тебя есть соображения, как можно достоверно проверить — я с удовольствием послушаю:)

[Евгений Петров]

SelenIT2: А я-то как дурак в JS полез для проверки:) Там по узлам div в p лежит и не жужжит... Спасибо за пояснение.
И пусть у вложившего блок в параграф случится разрыв только этого параграфа:)

Answer 2

[Андрей Федоров]

В чем вопрос? Если валидатор пропускает...
Однако я бы навесил javascript на блок, чтобы сделать его ссылкой.

Answer 3

[bagerman]

Посмотрите это видео для расширения кругозора по части вложенности
https://www.youtube.com/watch?v=d4b3CiwSi9c