Якорная ссылка, содержащая несколько заголовков? - PullRequest
Новая
       0

Якорная ссылка, содержащая несколько заголовков?

1 голос
/ 28 сентября 2010

Согласно W3C упаковка нескольких элементов в 1 тег привязки недопустима.

Мне было интересно, есть ли изящное CSS-решение для объединения нескольких заголовков и тегов изображений в один действительный кликабельный якорь?

Я создаю сайт со списком недвижимости и хочу, чтобы в моих «мини-списках» был только один якорь. Вот мой неверный код: 

<a href="listings.html">
  <h4>FOR SALE</h4>
  <h2>Listing Title</h2>
  <h4>$1,000,000</h4>
</a>

1 Ответ

2 голосов
/ 28 сентября 2010

На самом деле нет, это не недействительно, если это встроенные элементы (промежутки, изображения ...).

И в HTML5 также допустимо использовать блочные элементы (div или, как ваши примеры,заголовки).Однако Firefox не очень-то это нравится.

Так что, если вы хотите придерживаться старого HTML 4 / XHTML 1, вам нужно превратить эти заголовки в промежутки (и стилизовать их соответствующим образом), а есливы используете HTML5, а Firefox ведет себя нормально, ваш код в порядке (примечание: в любом случае нет смысла использовать подобные заголовки).

...