Group items tagged

Filter: All | Bookmarks | Topics Simple Middle

shared by Vernon Fowler on 10 Dec 12 - No Cached

The sectioning elements act quite literally as their name suggests: they define sections of the parent element. These sections can be thought of as child nodes whose headings fall under their parent heading, regardless of their rank.
...

Cancel
Sections may contain headings of any rank, but authors are strongly encouraged to either use only h1 elements, or to use elements of the appropriate rank for the section’s nesting level.
...

Cancel
For accessibility reasons, we recommend each sectioning element have a heading, even <aside> and <nav>, as shown below. If you don’t want these headings to be visible, you can always hide them with CSS.
...

Cancel
...2 more annotations...
It’s best if you use logical heading levels — <h1>–<h6> — at least until the new outlines are more widely supported.
...

Cancel
Unfortunately, there is little support for the new outlining algorithms right now. Search engines may be experimenting with it in their crawling algorithms as you read this, but as far as we know, headings are treated just as they were before. You won’t be penalised for using them, even if you use multiple <h1>s (which have always been okay as far as the spec is concerned). Check out our HTML5 and Search Engine Optimisation article for more on search engines and HTML5.
...

Cancel

shared by Vernon Fowler on 23 Jan 14 - No Cached

A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.
...

Cancel
The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.
...

Cancel
Don’t use it just as hook for styling or scripting; that’s a div
...

Cancel
...2 more annotations...
Don’t use it unless there is naturally a heading at the start of the section
...

Cancel
As blogposts and comments are often syndicated (by being pulled into other blogs or being linked via twitter, reddit etc) they should be articles.
- Vernon Fowler on 13 Jan 15
  
  Use rather than for blog post and for comment content types.
  
  <div class="cArrow"> </div><div class="cContentInner">Use rather than for blog post and for comment content types.</div>
  
  ...
  
  Cancel
...

Cancel

shared by Vernon Fowler on 22 Jun 14 - No Cached

use the header, footer, main and nav elements to mark up the broad structure of the page. Doing this will make your site more accessible to real people who use some assistive technologies
...

Cancel

shared by Vernon Fowler on 02 Jul 12 - No Cached

Previous/next buttons (or pagination) I would say yes to this because it is important to the overall structure and hierarchy of the blog/site
...

Cancel
Search form For me, a definite yes, but it is not mentioned in the spec. A search form is hugely important to the navigation of a site, particularly large sites which rely almost solely on their search engine.
...

Cancel
Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.
...

Cancel
...3 more annotations...
<menu> is to be used for a list of commands and is an interactive element and more likely to be used exclusively in Web Applications.
...

Cancel
The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.
...

Cancel
Table of Contents I would say definitely yes to that – it is primary navigation for that particularly content
...

Cancel

1 - 4 of 4

Showing 20▼ items per page