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.

RSS

Informacje o wpisie

Napisał riddle 01 grudnia 2005 o 00:40

Kategorie: HTML & Semantyka, Standardy sieciowe

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

  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…

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.