Jump to content
  • 0

Списки определений Dl dd dt


Zverushka
 Share

Question

Перерыла много инфы по этим спискам, но она минимальна. На одном сайте наткнулась о проблемах отображения в опере, что ссылка в DD некликабельна и прочее. В общем гемморой. Хотела глянуть на яндексе как реализовано, но внезапно обнаружила новую 12ю версию яндекса, где их уже не было :).

У меня на сайте есть 4 блока, все они Featured Services. Представляет из себя картинаку слева, заголовок (термин) и внизу краткое описание - по сути определение. Только вот, чтобы сделать такой блок, мне надо запихнуть внутрь DL лишние дивы, сделать ссылки... А можно ли? Ответа на w3.org я не нашла... Получается, если использовать списки я получу следующий код:


<dl class="featured_services">
<div class="block left">
<img src="" class="left"> <dt><a href="">Featured Service</a></dt>
<dd>Vestibulum sit amet neque eu neque suscipit consequat</dd>
</div>

<!-- повторение блоков -->
</dl>

Но думаю - а стоит ли овчинка выделки? Облазила крупные сайты типа гугла, яхуу и прочее - у них сплошные дивы, они даже не пытаются морочиться - дивы и дивы.

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Не грешновато, а просто недопустимо по стандарту. Есть мнение, что отсутствие общего контейнера для термина и определения — недоработка стандарта для этого типа списка. Но на мой взгляд, это как раз критерий его применимости: если такая обертка нужна — значит, это не список как таковой, а обычные блоки с заголовками.

  • Like 1
Link to comment
Share on other sites

  • 0

Во, на хабре получается списки с заголовком. Если мы хотим сделать список меню с заголовком, типа (разделы и перечисление). то нужно применять dl. А c ul li получается неудобно сделать?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy