2011 July - 巴士飞扬-技术BLOG

body
- #branding.header <header>
  - h1
  - #content-introduction
  - #tagline
- ul#site.nav <nav> (Andy had #main.nav)
- .section <section> (hAtom: .hfeed)
  - .article <article> (hAtom: .hentry)
    - .header <header>
      - h1(.title) (hAtom: .entry-title)
      - p(.meta) (see below for additional inline hAtom elements)
    - .entry-content (hAtom: optional content wrapper, don’t include .entry-title, .published or .author children)
    - p.summary (hAtom: .entry-summary)
    - p…
    - .figure <figure> (on div or dl)
      - img (also audio/video embed)
      - .legend <legend>
    - ul.datagrid
    - .colgroup (columnar data)
      - .col
      - .col…
    - dl.dialog <dialog> (for conversations)
  - .aside <aside> (sidebar, pullquote etc)
    - p.summary (hAtom: .entry-summary)
    - ul.sub.nav (or #sub.nav for page-level sub-navigation)
  - .footer <footer> (for section)
- [#page].footer (Andy had #footer but this means no .section .footers)
  - ul#supp.nav (“supp” is short for supplementary)
  - .vcard (µF)
    - .adr
      - .street-address
      - .locality (=city/town/village)
      - .region (=prefecture/state/county)
      - .postal-code
      - .country-name
    - .tel

Tags: html5 divcss web 编程这点事