Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Listy definicji

01 grudnia 2005

Prosty element - <dl/> a w nim <dt/> i <dd/>. Wielu twórców stron nie zaznajomiło się z nim dobrze, bo albo podobny efekt graficzny dawał <blockquote/>, albo parę akapitów i nagłówek. Lista definicji jest jednak o wiele bardziej ciekawym elementem. Dzięki któremu nadamy znaczenie 1 elementom

Podstawowy wygląd, który nie powinien nas interesować, ale już powiedzmy, to wcięcie elementu otoczonego znacznikiem <dd/> oraz brak wcięcia dla <dt/>. Oczywiście wygląd ten możemy dowolnie modyfikować przez arkusze stylów.

Gdzie można takie listy definicji, oprócz wydawałoby się, słowników stosować? Prawie wszędzie gdzie mamy doczynienia z większą ilością tekstu opisującego dane wyrażenie. Przykładowo wypunktowujemy na blogu parę stron i opisujemy każdą z nich. O wiele lepiej umieścić nazwę strony w <dt/>, jej opis w <dd/>, nawet stosując akapity i inne semantyczne elementy.

Można także wyjść dalej. Zapis (log) z czata, rozmowy. Jak najlepiej przedstawić to znacznikami? Właśnie listą definicji. W tym przypadku w <dt/> umieszczamy nick i godzinę, a w <dd/> treść wiadomości.

Także bardzo dobrym sposobem na wykorzystanie list definicji jest użycie ich do wstawienia obrazka / zdjęcia z podpisem. W tym wypadku element większy - img nie będzie wcale w <dd/>, tylko <dt/>, bo jest elementem głównym, a opisuje go podpis w <dd/>. Wykorzystując stylowanie można osiągnąć nawet efekt znany z papierowych czasopism i magazynów. Polecam spróbować.

Nie należy jednak przesadzać. Nie dzielmy każdego artykułu na części listy definicji, zamiast używać nagłówków i zwyczajnych akapitów. I wszystkim, którzy by chcieli zbudować menu na listach definicji - to nie jest dobry pomysł. Zagnieżdżone listy nieuporządkowane wystarczą, słowo.

Podsumowując - nie zapominajmy rodzimych znaczników HTMLa, nawet jeśli aspirujemy do miana twórcy stron XHTML. Te elementy tak samo są w wersji z X, używanie ich powinno być powszednie. Nie dotykajmy divów, jeśli mamy w pełni, bądź troszkę tylko mniej semantyczny znacznik.

  • 1) Wcale nie „semantyczne znaczenie”, jak możnaby błędnie napisać.

Informacje i hiperłącza

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

Informacje o wpisie

Napisał riddle 01 grudnia 2005 o 00:40

Kategorie: HTML & Semantyka, Standardy sieciowe

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

  1. Tantek Celik mówił, że dl do zapisu rozmów to błąd. Wzamian proponował tak...
    <ul>
    <li>
    <cite>nick</cite>
    <blockquote>treść</blockquote>
    </li>
    ...
    </ul>

  2. Ciekawe rozwiązanie, dzięki…