GETTING USER FEEDBACK
341
8
Contact details structure redux
In this chapter, and in the microformats exercise, the address and other contact details
were styled using paragraphs and line breaks. An alternative structure, which perhaps has
greater integrity from a semantic standpoint, is to use a definition list, with further nested
definition lists within. At the top level, the term is Contact details and the definition is
the actual contact details. At the next level, there are two terms, Mail and Telephone/fax,
each with respective definitions. For the latter, the definition has a third definition within,
providing term/definition pairs for the different types of telephone and fax numbers.
- Contact details
- Mail
Company name
00, Street Name
Town or City
County or Region
Postal/ZIP code
Country name
- Telephone/fax
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
342
- Tel:
- +1 (0)0000 555555
- Fax:
- +1 (0)0000 555556
- Mobile/cell:
- +1 (0)7000 555555
For the CSS, use the existing rules from using-microformats.css in the usingmicroformats-
starting-point folder, and the .vcard rule from the previous exercise.
The following rules can then be used to style the definition list and its contents.
Pages:
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443