Headings & Sectioning

168 entries:

@media Blog: Hello World!
<h1><h1> for <h1><h2>.
[mpt] semantic coders
<h1><h2><h2> for <h1><h2><h3>.
10 PHP Myths Dispelled
<h2> preceeding first <h1>.
<p><strong> for <h2>.
a8e.org: Accessibility
<h2><h1><br><h3><br><h3> for <p><h1><h2><h2>.
a8e.org: Forums
Subheadings not marked up with <h2> or <th>.
AbilityNet: RAPS News
<p><strong> for <h5>.
Adobe: Flash Player 9 Release Notes
<h1><h3> for <h1><h2>.
<li><b>...<br>... for <h4> ...</h4><p>...</p>
See also Lists entry.
<h4> Performance</h4> is a subsection of <h4> ActionScript 3.0</h4> section.
Adobe: Privacy
<h1><h4> for <h1><h2>.
ALA: Design Details
<h1><h1><h3><h3> for <h1><h2><p><h3> or <p><h1><p><h2>.
ALA: Sliding Doors II
"Additional Notes" section has <p><strong>...:</strong> ...</p> for <h3> ...</h3><p>...</p>.
Alex Faaborg : Microformats IV
<h1><h3> for <h1><h2>.
<p><strong>...</strong><br>...</p> for <h3> ...</h3>....
<p><strong> for <h3>.
<p><em>...</em><br>...</p> for <h4> ...</h4><p>...</p>.
Apple: Interface Guidelines
<h1><h4><h2> for <h1><h2><h2>.
Arnaud: Standards Quality
<h1><h2><h2> for <h1><p><h2>.
<p><strong>...<br></strong></p> for <h3>.
<h2> About</h2><h2><h2><h2><h2><h2> for <h2> About</h2><h3><h3><h3><h3><h3>.
AVG
Multiple <h1>.
Unmarked “Become and AVG Reseller”, “References”.
AVG: References
<span class>...</span><br> for <h3>.
BCOT: Careers
<h4><ul><li><a href><li><a href><li>Nbsp;<li><strong><li><a href><li><a href></ul> for <h4><ul><li><a href><li><a href></ul><h4><ul><li><a href><li><a href></ul>.
BCOT: Contact
<h2><h3><h3><h3><h3><h3> for <h1><h2><h2><h2><h2><h2><h2>.
betMooch: Fixtures
<h3><h1><h3><h3><h3> for <h1><h2><h2><h2><h2> or <p><h1><h2><h1><h1>.
<p class><abbr title class>...</abbr><br /> for <h2> or <h3>.
Bruce Lawson
<h1><h2><h4> ...<h3><h4> for <h1><h2><h3> ...<h3><h4>.
Bryan Starbuck: PR
Empty <h2> for absent <h2>.
<div><p class style><strong><strong><u><span style><span face style><span style>...:</span></span></span></u></strong></strong><span face><span style=""><o:p></o:p></span></span></p></div> for <h4>.
<p class style><strong><strong><span style><span face style><span style>...</span></span></span></strong></strong><span face style><span style><o:p></o:p></span></span></p></div> for <h5>.
ChatZilla FAQ
<dl><dt class id>...?</dt><dd class id>...<p>...</dd></dl> for <h2 id>...?</h2><p>...<p>... throughout.
Cherim: SEO Success
<p><strong>...</strong>... for <h4> ...</h4><p>....
Chronological Table of the Private and Personal Acts
<p><b>...</b> .... for subheadings.
Creative Commons Legal Code
<p><strong>2. ....</strong> ...:</p> for <h3>2. ...</h3><p>...:</p>.
<h3><em> for <h3> with CSS font-style: italic;.
<p><strong> for <h4>.
csarven: About
<ul><li id><h3><p> for <h3><p>.
CSSplay
<h1> ...<h2> ...<h3> ...<h3> ... for <h1> ... ...<p>...<h2> ....
CSUN: A to Z
<h1><h3> for <h1><h2>.
CSUN: Accessibility
<h3> &nbsp;</h3> at end of content.
CSUN: Best Practices
<h2><h5><h3> for <h2><h3><h3>.
CSUN: Templates
<h1><h5> for <header><h1><p>.
<h2><h3> for <h2><p><strong> or <h2><p class>, also with <h4>.
CSUN: Ten Checkpoints
<h2><h3><h2> for <h2><h3><h3>.
<hr><h2> for <h2 class>.
CSUN Conference
Lengthy <h1>.
<h4> for <p><b> or <p class>.
<p><strong> for <h4>.
CSUN: 2005 Conference
<div class id> at start of page duplicates <title>.
<h3> for <h1>.
<p>UPPERCASE TEXT:</p> for <h2>.
<p>Title Case Text</p> and <p>Title Case Text:</p> for <h3> and <h4>.
CUSEC » Making it Fun Explained
<p><strong> for <h3>.
CUSEC 2008
<h1><h2> headers.
<li><b>...<br><a href>...<br>... for <h3 class><a href>...<p>....
“Links” no heading.
<h2><ul><li><h3><li><h3> for <h2><ul class><li><li>.
dotjay: abbr
<h1><span class><img src><span></span></span> <span class title=Timestamp>Time</span><span> : </span><em class>Title</em> for <h1>Title</h1><p>Time</p>.
dotMobi
<div class> for <h1> and <h2>.
dotMobi [...] Certification
<h1>+<h1> for <h1>+<h2>.
Drinkaware - Home
<img border vpsace align width src hspace alt height title /> for <h1>...<h1>.
<h3> for <h2>.
Edge of my Seat
<h1>+<h3>+<h2>+<h3>.
<p><strong> for <h5>.
Enable Holidays - Disabled Holidays to Florida, Spain, Majorca, The Canary Islands, Portugal, Cyprus, The Greek Islands, Malta, Egypt, Czech Republic and Belgium. City breaks in Barcelona, Prague, Brussels and Athens. Enable Holidays are the specialist tour operator for disabled people and their families and friends.
Extremely verbose <title> text, as reproduced in the above link.
<h2> for non-heading text.
EnhanceIE: IE8
<h1><h1><h4> for <h2><h2><h3> adding <h1> for the absent content main heading.
<h1><h4><h4> for <h2><h3><h3> later.
ExpressionEngine
Sequential headings!
Fair Processing Notice – Bradley
<font face size><u><b><p align>Title Case</p></b></u><b><p align>UPPERCASE</p><p align></p> ...</b> ...</font> for <h1>Title Case</h1><h2>UPPERCASE</h2>.
<b>... <p>Question?</p></b><p>Answer.</p> for <h3>Question?</h3><p>Answer.</p>.
Fieldsets - Paciello Group
<h6>.
Firefox Add-ons
<h4> for <p> or <div>.
<h1><h3><h4><h5> for <h1><h2><h3>.
<h3> repeats previous <h3>.
Series of <h3> for <h2>.
Frank Hecker: Mozilla access
<h1><h3> for <h1><h2>.
Frank Helpware: noscript
<h1><h4><h4><h4><h4> for <ul><li><li><li><li><ul><h1>.
<h2><h4> for <h2><h3>.
FTSE 100 websites fail accessibility requirements : Nomensa - Humanising Technology
<p><strong> for <h4>.
Fx3’s Icons
<h3> for <h2>.
<p><strong> for <h3>.
GBCF-v3 - Help Page and Documentation - GBCF-v3 Demo
<pre><strong>...</strong> ...</pre> for <h3>...</h3><pre><code>...</code></pre>.
GNOME: WebKit accessibility
<ul><li><strong>...</strong>:<ul><li><strong><a name href>...</a></strong><ul><li><em>from: Author</li></ul></li></ul></li></ul> for <h2></h2><ul><li><a href>...</a> by Author</ul>.
Good Experience: 8 mistakes
<h1><p><b><p><b> for <h1><h2><h2>.
Google: AdSense
<h3><h2> for <h2><p> or <h1><p>.
Google Directory
<p><font color><b>...</b></font> for <h1>.
<b><a href>...</a></b><br> for <h2><a href>...</a></h2>.
Google Site Map
<td nowrap bgcolor><font color face><b>...</b></font></td> for <h2>...</h2>.
<p><b><font color face>...</face></b><br> for <h3>...</h3>.
Graphics in Mozilla
<h3> for <h1>.
<p><strong>Conclusion for <h2>Conclusion.
<h4>Comments for <h1>Comments or <h2>Comments.
GreenMethods: Who’s Ojectionable?
<h1><h2><h4> for <h1><h2><h3>.
Happy Webbies: British
<h2><h4> for <h2><h3> or <h2><h2>.
Happy Webbies: Series 2 Buttons
<h4><h5> for <h4><p>?
Happy Webbies: Store
<h1><h3> for <h1><h2>.
<h3> after section has started.
<h3><a href><img src alt="">...</a></h3>?
hicksdesign
Numbers for importance.
Numbers for heirarchy.
Hixie: Evolution
<p><strong> for <h4>.
HTMLWG ISSUE-14
<pre>## ...</pre> for <h3>...</h3>.
Human Rights Watch
<font size><b><br>.
Ian Lloyd: Keynote Buddy
<p> for <h3>.
Ian Lloyd's: List 'o' Links
Nested <ul> for <h2><ul>.
Ian Main: Visual Messages
<h1><h2><h3><h4><h4> for <h1><p><p><h2><h2>.
IBM News: UK
<ol class><li xmlns=""><h3>Date</h3><p><strong><a href class>...</a></strong><br class /> ...</p></il><li xmlns=""><h3>Date</h3><p><strong><a href class>...</a></strong><br class /> ...</p></il></ol> for <h3>Date</h3><ol><li><a href>...</a><p>...</p></li><li><a href>...</a><p>...</p></li></ol>.
IE Blog: Address Bar
<p><em><b>...</b></em></p> for <h3>.
IE Blog: Installing IE8
<p><b><font color> for <h3>.
IE Blog: Rules
<p class><b><font face size><span style>...<br></span></font></b><font face size><span style>... for <h3> ...<p>....
IFEX
Missing <h1>.
<h2>----------UPPERCASE----------</h2> for <h2>Title Case</h2>.
<p> UPPERCASE:<br /> for <h3>Title Case</h3>.
InBiz: Portsmouth
<br><strong>...</strong> for <h5>...</h5>.
Inclusive Technology - All The Help You Need
Missing <h1>.
IntelliAdmin: 5 sins of Vista
<br><br><b>...</b><br><br> for <h2>.
IntelliAdmin: Trial Downloads
<b><font color face size><br>...<br> for <h1>.
<td width><a href><img></td><td><b><font face><a href>...</a></font></b></td> for <h2>.
<td width>&nbsp;</td><td><font face size>...</font></td> for <p>.
Aka table layout for CSS layout.
Irssi: About
<li><b>...</b> ... for <h3>...</h3> ....
ishida: css
<h1><h3><h2> for <h1><h2><h3> or append <h3> text to <h1> text and retain <h2>.
ITCH | Useful Organisations
<p><u>...</u><br /> for <h2>.
JavaScript Madness
<h1><h3> for <h1><h2>.
Joe Dolson: 8 Checkups
<h1><h2><h3><h3> for <h1><h2><p><h3>.
<p><strong>...</strong>: ...</p> for <h4> ...</h4>.
John Lilly: Mozilla CEO
<h2><h1> for <h1><h2>.
KDE Developers: Blogs
<h1><h1><h1> ) for <h1><h2><h2>.
KDE Developers: Search
<h1><p><b> for <h1><h2>.
Lainey: AFB Award
<hr /><p id class><small><strong>...:</strong> ...</small></p> for <h3>...:</h3><p>...</p>.
LiveJournal: Terms of Service
<ol type class><li><strong>UPPERCASE</strong><p>...</p></li> ...</ol> for <h2>I. Title Case</h2><p>...</p> ....
Little Blue Plane: Accessibility
<p><strong>...</strong>:<br>...</p> for <h4> ...:</h4><p>...</p>.
Little Blue Plane: Legal
<dl><dt>...<dd><p>...<p>... for <h3> ...<p>...<p>... or <h3><dfn>...<p>...<p>....
Malarkey: Archives
Display:none; removes <h1>.
<h2><h4> for <h2><h3> or <h1><h2>.
Malarkey: Contact
<div class> for <address>.
Malarkey: Dear Mr. Google
Display:none; removes<h1>.
<h2><h4> for <h2><h3> in replies.
Manchester Lab: History
<p class> for <h2>.
Manchester: Advanced UI Group
<td class> for <h2>.
Manchester: Advanced UI Group
Unmarked <h1>, <h2> 5 times.
Mark Pilgrim: Specs
<h1><h2><h4> for <h1><h2><h3> or <p><h1><h2>?
Media and Silverlight
<p><strong><u> for <h3>.
Mel Pedley: Dyslexia
<h1><h2><h4><h4> for <h1><h2><h3><h3>.
Merton Council
<h1><h3> for <h1><h2>.
Unmarked subheadings in “Do it online” and “Main sections”.
Merton School Dates
<h3> for <p class> or <p><strong>.
Metrolinx
<td class align height width><i><b><font face size><font color> for <h1> or <h2>
Microsoft Research Overview
<td><span class> for <h1>.
<p class><b> for <h2>.
MobiReady Report
<div class> for <h2>.
Monads!
<br><b>Side Effects: Debugging Pure Functions</b><br> for <h4>.
Motoring Galleries - AOL
<h1><h1> for <h1>.
<h2> ...<h3> for <header><h2> ...<h3>?
Mozilla: irc: urls
<h1><h1><h3> for <p><h1><h2>.
<p><tt>&lt;<b>...</b>&gt;</tt> ...</p> for <h3><code>...</code></h3><p>...</p>.
Mozilla Labs: Extend Fx2
<h1><h2><h3><h4> for <h1><h2><p><p>.
<p><strong> for subheading.
Mozilla Labs: Featured Projects
<h1><h1><h1><h1><h1><h1><h1> for <h1><h2><h2><h2><h2><h2><h2>.
<p><strong> for <h3>.
Mozilla Links: Newsletter 24
...<span id></span><br />Poll</p> for ...</ul><h3>Poll</h3>.
<p>...</p> for <h3>.
<p>...<br />... for <h3> ...</h3><p>...</p>.
Mozilla: Vulnerabilities
<h1><h1> for <p><h1>.
<span class> for <h2>.
MultiLingual Computing
<table bgcolor border cellpadding cellspacing width><tr><td><font color size><b>&nbsp;<font face>...</font></b></font></td><td><div align><font color face size><a href><font color>more ...</font></a>&nbsp;<img src align border height width></font></div></td></tr></table> for <h2>...</h2><p><a href>more ...</a></p> with CSS padding and background-image.
Nepomuk: News
<h1><h3> for <h1><h2>.
Nikita: Encoding Divination
<dt> for <h3>
<dd> for padding-left.
Pacifica: Fully Accessible
<h1><h2><h2><h2><h2> for <h1><h2><h3><h3><h3> or <p><h1><h2><h2><h2>.
Park University - Online, Undergraduate, and Graduate Degrees
Missing <h1> and <h2>.
Unmarked main heading for <h1>.
Unmarked main subheading for <h2>.
pbwiki
<h1><h4> for <h1><h2>.
pbwiki - Blog
<h1><h1><h1> for <h1><h2><h2>.
pbwiki - Education
<h1><h3> ...<h4> for <h1><h2><h2>.
pcsounds
<div id style><font face size class color><marquee behavior>UPPERCASE</marquee></font></div> for <h1>Title Case</h1>.
<div id style><font face size class color><marquee behavior>Mixed Case</marquee></font></div> for <h2>Title Case</h2>.
Porting REXML to Ruby 1.9
<h1><h3> for <h1><h2>.
Python.org
<h1><img alt><h1> for <p><img alt><h1> or <h1><img alt><h2>.
<p><strong>...</strong>...</p> for <h3> ...</h3><p>...</p>.
Quoted-Printable: Scribbish
<h1><h1> for <h1><h2>.
<h1><h4> for <h2><h3>.
Quoted-Printable: Tagteam
<p><strong>...</strong> ...</p> for <h4> ...</h4><p>...</p> with CSS run-in.
ready.mobi
<p><b>...</b><br> for <h2>.
Realised Design
<h1><h1><h1><h2> for <ul><li><li></ul><h1><p>.
Reports - UIE
<h2>+<h3> split heading.
Resig: HTML5 DOCTYPE
No <h1>.
<h4> 31 comments<h3> ...<h3> ... for <h2>31 comments<h3> ...<h3> ....
Robson
<h3><h3><h3><h3><h3><h3><h3> for <h1><h2><h2><h2><h2><h2><h2>.
Run Fx3 Portable App
<h2>foo<h1> bar for <h1>bar<h2> foo.
S. Staffs: Equal Opportunites Policy
Multiple <h1> in sidebar.
<div class>+<h1>+<h2> for <h1>+<h2>+<h3>.
<div><strong> for <h4> when correct.
S. Staffs: News and issues
<div class>...<h1> for <h1> ...<h2>.
S. Staffs: Recycling
<div class> for <h1>.
<div><strong> for <h2>.
S. Staffs: Whistle Blowing Policy
<div><strong> for <h2>.
<div>...<strong> for <h3>.
S. Staffs: Your council
<h1 class>+<h1 class>+<h2 class> for <h2><h3>.
Satyam: China
<h1><h1> for <h1><h2>.
Alternate <h2> come after the section they introduce.
satyam: YUI DataTable
<h1><h3> for <h1><h2>.
shaver
<h3>+<h3>+<h3> for <h2>+<h3>+<h3>.
Simon Willison: 10th January 2007
<h3> used by author entries but not user entries for <h3> used by all.
SitePoint: CSS filter
<div class><div class><span> for <div class><h2>.
SitePoint: Glossary
<h1><h3> for <h1><h2>.
<h3><h5> for <h3><h4> 3 times.
<h5> for <li> on right.
SOCITM perfect website
<br><strong>...</strong><br>... for <h2> ...</h2><p>...</p>.
<p><strong> for <h2>.
Sun Completes Acquisition of MySQL
<h3></h3><h5>...</h5> for <h3>...</h3> in right sidebar.
Technorati
<h2><h4><h3><h4> for <h2><h3><h4><h5>.
Tech Talk PT: Building accessible Sharepoint sites - Part 1
<p><strong> for <h3> in main content.
<p><em> for <h4> in main content.
Technorati: Keyboards
<h3> ... <em>...</em></h3> for <h3> ...</h3><p>...</p> with run-in.
Think in code: atom_pub_server
Empty <h2> for absent <h2>.
<h1><h2><h5> for <h1><h2><h3>.
Thunder Sponsorship
<br>...<br> for <h2> ...</h2>.
TidBITS: Mouse Accel
<h2> for <h1> or use <h1> for site name.
<p><br><a name></a>...</b> -- ...</p> for <h2 id>...</h2><p>...</p> or <h3 id>...</h3><p>...</p>.
UI-patterns.com
<h1><h2><h2><h2> for <h1><h2><h3><h3>.
University of Salford
Missing <h1>.
Unspace - Projects
<p><a href target>...</a> ...</p> for <h3><a href>...</a></h3><p>...</p> with run-in.
User Effect: Best
<h1> to <h3> for <h1> to <h2>.
Siblings of main content use <h2> not <h1>.
UTF-8+names - Tim Bray
<p><span class>... for <h2><p>....
UXMatters: State
<p><span class> for <h4 class>.
Visual28: design tips
<h2><h1><h2><h2><h2><h2><h2><h3> for ...<h1><h2><h3><h3><h3><h3><h2>.
W3C Q&A Version Identifiers
<p><strong> for <h3>.
W3C Q&A When <video>
<blockquote><h4> for ?
W3Conversions
<h1><h1><h1><h3><h4><h4><h4><h4><h4><h4><h4>.
WAC: Flash banners
<h3><strong> for <h3> leftover from publishing problems.
<p><strong>...</strong> ... for <h4> ...</h4><p>...</p>.
WAC: Keystrokes
Short headings followed by a paragraph which repeats the heading, adding slightly more detail, a redundant notice about the next element is.
Walterzorn Drag & Drop
<big>...<b>...</b></big><br> for <h2> ...</h2>.
<b><big>...</big>...</b> for <h3><span>...</span>...</h3>.
<b>...</b>... for <h4> ...</h4><p>...</p> with run-in?
Webkit CSS Animation
<p><b>...</b><br>... for <h3> ...</h3>....
Webkit Versioning
<h2><h4> for <h2><h3>.
WHATWG Blog: Vim
<h1><h2><h4> for <h1><h2><h3>.
Wilfblog: postgresql
<p><b> for <h3>.
XHTML - Wikipedia
<h1><h3> for <h1><p> or <header><h1><p></header>.
<h5> for <h1> or <nav><h1>.
YUI: Performance V
<h3> ...<h4> for <h3> ...<p class>.
Zend Weekly Summaries
<h1> ...<h1> ...<h2> ...<h2> ... for <h1> ...<h1> ...<h1> ...<h1> ....

Sectioning (14 entries)

Confusing terminology: clarification by The Linux Information Project
<p><code><strong>Term</strong></code> ...</p> for <dl><h2><dfn>Term</dfn><dd>...</dl> or <h2><dfn>Term</dfn></h2>....
<p>________<br> for <hr> before the footnote (or is it an endnote?).
Crimson Editor
<table width cellspacing cellpadding border><tr><td><hr size noshade></td></tr><tr><td align class><a href>...</a> &nbsp;|&nbsp; <a href>...</a></td></tr><tr><td><hr size noshade></td></tr> for CSS border above and below a list of links.
CSUN: 2005 Conference
<hr/> for CSS border above and below navigation in both locations.
Drinkaware - Home
<div id><div id><table class cellpadding cellspacing><tr><td valign><div><table class><tr><td valign colspan>...</td></tr></table><span class>&nbsp;</span></div></td></tr></table></div></div> for <div id> around main content.
Engine Yard
Footer with general locations, contact details, specific addresses, navigation lists.
ICANN: Glossary
Heading-like text for term with <blockquote> indenting the section it introduces.
Irssi: About
<blockquote> for <section>.
Mozilla Links: Newsletter 24
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br /> for <hr>.
Mozilla: Vulnerabilities
<hr class> at end of main content.
Krotscheck: Classifying Rich Internet Applications
<div class="hr"> for <hr> to end a subsection without using another subheading.
Open: glob
<blockquote> for indented sections.
Paciello: ARIA Slider 2
<div class="hr"><hr /></div> at end of main content.
Tbray: Whistler 2010
<div class>&#xb7; &#xb7; &#xb7;</div>; for graphical <hr>.
UI-patterns.com
<ul class><li class>...<ul class><li class><a href>...</a></li><li><a href>...</a></li> ...</ul></li> <li class>...</ul></ul> for <h4>...</h4><ul><li><a href>...</a><li><a href>...</a> ...</ul>.