eg-146:lecture13
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
eg-146:lecture13 [2012/03/08 18:42] – [Defining a section] eechris | eg-146:lecture13 [2012/03/08 23:20] – [Improving Accessibility with ARIA] eechris | ||
---|---|---|---|
Line 226: | Line 226: | ||
===== Defining a section ===== | ===== Defining a section ===== | ||
- | > The section element represents a generic section of a document or application. A section, in this | + | > The '' |
+ | > this context, is a thematic grouping of content, typically with a heading. | ||
> | > | ||
> Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the | > Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the | ||
Line 232: | Line 233: | ||
> introduction, | > introduction, | ||
+ | [[http:// | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | ===== When to use? ===== | ||
+ | |||
+ | Is your content an independent piece of content or a widget that would be appropriate for syndication? | ||
+ | * **Yes** -- Use '' | ||
+ | * **No** -- use '' | ||
===== Specifying an aside ===== | ===== Specifying an aside ===== | ||
+ | |||
+ | For tangentially related sections of content that could stand on its own is marked up using the '' | ||
+ | |||
+ | * [[http:// | ||
+ | |||
+ | ---- | ||
+ | |||
+ | < | ||
+ | '' | ||
+ | </ | ||
===== Creating a footer ===== | ===== Creating a footer ===== | ||
+ | |||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
===== Generic containers ===== | ===== Generic containers ===== | ||
+ | |||
+ | Sometimes you need a container that has no particular semantic meaning but which is useful for the purpose of styling and JavaScript. The '' | ||
+ | |||
+ | Examples: | ||
+ | * [[http:// | ||
+ | * [[http:// | ||
+ | |||
+ | ---- | ||
+ | |||
+ | < | ||
+ | Before HTML5 ''< | ||
+ | </ | ||
===== Improving Accessibility with ARIA ===== | ===== Improving Accessibility with ARIA ===== | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | Examples: | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | [[http:// | ||
===== Naming elements ===== | ===== Naming elements ===== | ||
===== Commenting your code ===== | ===== Commenting your code ===== |
eg-146/lecture13.txt · Last modified: 2012/03/12 09:18 by eechris