Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Поместить блочный элемент в инлайн? (https://javascript.ru/forum/jquery/70702-pomestit-blochnyjj-ehlement-v-inlajjn.html)

laimas 27.09.2017 07:41

Цитата:

Сообщение от Rise
Ссылка и заголовок? А что мешает разместить ссылку внутри заголовка?

Да. Сейчас ничего, хоть <a><h1>... хоть <h1><a>.

laimas 27.09.2017 08:12

Цитата:

Сообщение от Rise
а раньше что парсер их разделял?

А раньше на <a><h1> ругалось. Собственно на какие-то мелочи все "кладут", судя по анализу верстки, точно также как разработчики браузеров на рекомендации W3C. :)

Rasy 27.09.2017 11:11

Цитата:

Сообщение от Rise
А что мешает разместить ссылку внутри заголовка? Ничего.

Сео. Например, список товаров, которые содержат три одинаковых ссылки: заголовок, картинка и подробнее.

Проще обернуть весь блок в <a> и задать одну ссылку на товар, если дизайн требует кликабельности целого блока. Атрибут onclick и другие решения с js неудобны.

Цитата:

Сообщение от Rise
Так вот правило одно "блочные не должны быть внутри не блочных", а кто какой читайте стандарты.

Именно так, но есть исключение для ссылки. Эта возможность появилось давно с приходом html5. Просто стандартизация html5 была недавно. Старая статья с пруфом на стандарты.
http://html5doctor.com/block-level-links-in-html-5/

Белый шум 27.09.2017 12:09

Цитата:

Changes in HTML5
Although previous versions of HTML restricted the a element to only containing phrasing content (essentially, what was in previous versions referred to as “inline” content), the a element is now transparent; that is, an instance of the a element is now allowed to also contain flow content (essentially, what was in previous versions referred to as “block” content)—if the parent element of that instance of the a element is an element that is allowed to contain flow content.
http://w3c.github.io/html-reference/a.html
??

Rasy 27.09.2017 12:10

Цитата:

Сообщение от Rise
Это лишь фантазия автора статьи ничем необоснованная


Белый шум,
это, это :)

Белый шум 27.09.2017 12:58

Rise,
https://www.w3.org/TR/html51/textlev...l#elementdef-a
??

Белый шум 27.09.2017 13:13

лолчто? В примере стандарта - не серьёзно? %))
Ну вот ещё прямым текстом -
Цитата:

Content model:
Transparent, but there must be no interactive content or a element descendants.
Или опять - "ничего удивительного если стандарт писали как валидатор и автор статью без пруфов на домыслах"? :)

Rasy 27.09.2017 13:23

Цитата:

Сообщение от Белый шум
лолчто? В примере стандарта - не серьёзно? %))

Тут уже проблема в эго... Ничего не докажешь. Когда человек сам пишет домыслы, а два собеседника - неоспоримые аргументы.:)
В самой статье есть пруф (see WCAG 2)
Цитата:

Сообщение от Rise
А где там пруфы на стандарты ты сам то читал?

Да читал, и думал, что это не так сложно повторить.:) Example 7
Using a link to wrap block level elements in HTML5.

laimas 27.09.2017 13:29

Rise,
разрешено теперь, то есть не считается ошибкой. Спор ни о чем. ;)

Белый шум 27.09.2017 13:46

Цитата:

Сообщение от Rise
но все таки прямым текстом ясно об этом нигде не сказано кроме черновика

Слово "Transparent" в стандарте - это ссылка, по которой ясно написано что это означает.

P.S.: да, стандарты читать сложно, поэтому это делают редко ))


Часовой пояс GMT +3, время: 14:58.