29. Il piè di pagina con i ringraziamenti e le note finali

Il piè di pagina è molto simile all'elenco degli autori e della versione del documento visto in precedenza. La marcatura usata in questo caso è la seguente:

  1. <h2 id="appendix-a">Appendix A. Acknowledgments</h2>
  2. <dl id="ack">
  3. <dt><strong>Contributors:</strong></dt>
  4. <dd>
  5. <ul>
  6. <li>Stephen Noble, Design Science, Inc.</li>
  7. <li>Chieko Asakawa, IBM</li>
  8. <li>Pete Brunet, IBM</li>
  9. <li>Hiro Takagi, IBM</li>
  10. <li>Richard Schwerdtfeger, IBM</li>
  11. <li>Janina Sajka, Individual</li>
  12. <li>David Clark, Institute for Community Inclusion</li>
  13. <li>David Pawson, Royal National Institute for the Blind</li>
  14. <li>Peter Korn, Sun Microsystems, Inc.</li>
  15. <li>Malte Timmermann, Sun Microsystems, Inc.</li>
  16. </ul>
  17. </dd>
  18. </dl>
  19. <h2 id="appendix-b">Appendix B. Notices</h2>
  20. <div id="notices">
  21. <p>Copyright &copy; OASIS Open 2006. All Rights Reserved.</p>
  22. <p><span class="underline">All capitalized terms...</p>
  23. </div>

Gli stili da applicare sono estremamente semplici:

  1. dl#ack dt strong {
  2. color: #339;
  3. background: transparent;
  4. }
  5. dl#ack, #notices {
  6. font-size: 0.85em;
  7. }
  8. #notices .underline {
  9. border-bottom: 1px solid #555;
  10. }
  11. #ack ul {
  12. margin-left: 0;
  13. padding-left: 0;
  14. }
  15. #ack ul li {
  16. display: block;
  17. }

Le righe 8-10 sono interessanti: in questo caso veniva richiesta una sottolineatura del testo, che abbiamo realizzato usando un bordo inferiore. Tale soluzione si rivela più incisiva della dichiarazione text-decoration: underline, in quanto quest'ultima non ci permette di controllare lo spazio tra la linea di base del testo e la sottolineatura. L'immagine che segue mostra il risultato ottenuto.

Il piè di pagina e le note finali Figura 22: Il piè di pagina e le note finali [D]