Skip to main content

Home/ HTML5 development/ Group items tagged headings

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Document Outlines | HTML5 Doctor - 0 views

html5doctor.com/outlines

semantic structure headings html5

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.
  • 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.
  • 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.
  • ...2 more annotations...
  • It’s best if you use logical heading levels — <h1>–<h6> — at least until the new outlines are more widely supported.
  • 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.
Vernon Fowler

HTML5 sectioning elements, headings, and document outlines | 456 Berea Street - 0 views

www.456bereastreet.com/...headings_and_document_outlines

NED12 webdesign html5

shared by Vernon Fowler on 21 Nov 12 - No Cached
  • To prevent the footer’s heading from becoming the page heading we can wrap the footer element’s contents in a section element:
  • This really feels like a hack, but it does move the footer heading to its expected position in the document outline.
  • Since there is no heading in the nav element, it becomes “Untitled NAV”.
Vernon Fowler

The hgroup element | HTML5 Doctor - 0 views

html5doctor.com/the-hgroup-element

headings HTML5 header html document outline hgroup markup semantic semanticweb

shared by Vernon Fowler on 18 Feb 13 - No Cached
  • An article with a title and metadata
  • An article with a title and subtitle
  • An article with a title, subtitle and metadata
  • ...4 more annotations...
  • If you have a title with subtitle(s) and other metadata associated with the section or article, place both the <hgroup> and the metadata within a single <header> element.
  • If you have a title with subtitle(s) or tag lines (i.e., more than one consecutive <h1>–<h6>), group them in an <hgroup>.
  • When grouping headings in an <hgroup> element, the outline algorithm will mask the lowest level all but the highest level heading in the group from the resulting document outline.
  • It can only contain a group of <h1>–<h6> element(s), and it should be used for subtitles, alternative titles, and tag lines.
Vernon Fowler

The section element | HTML5 Doctor - 1 views

html5doctor.com/the-section-element

section html5 html element markup outline document structure

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.
  • The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.
  • Don’t use it just as hook for styling or scripting; that’s a div
  • ...2 more annotations...
  • Don’t use it unless there is naturally a heading at the start of the section
  • 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
      Vernon Fowler on 13 Jan 15
       
      Use rather than for blog post and for comment content types.
Vernon Fowler

What's New in HTML 5.2? - 0 views

bitsofco.de/whats-new-in-html-5-2

html forms dialogue headings HTML5 markup web

shared by Vernon Fowler on 02 Jan 19 - No Cached
  • Headings in a <legend> In forms, the <legend> element represents a caption for the form fields within a <fieldset>. Before HTML 5.2, the content of a legend had to be plain text. Now, we can include heading elements.
Vernon Fowler

aFarkas/html5shiv · GitHub - 0 views

github.com/html5shiv

html5 shiv ie browser javascript

shared by Vernon Fowler on 19 Jan 14 - No Cached
  • Include the HTML5 shiv in the <head> of your page in a conditional comment and after any stylesheets. <!--[if lt IE 9]> <script src="components/html5shiv/html5shiv.js"></script> <![endif]--> Manual installation Download and extract the latest zip package from this repositiory and copy the two files dist/html5shiv.js and dist/html5shiv-printshiv.js into your project. Then include one of them into your <head> as above.
Vernon Fowler

HTML5 video and audio tags in all major browsers - 1 views

html5media.info

html video audio tags browsers html5 mobile

shared by Vernon Fowler on 05 Aug 11 - No Cached
  • Vernon Fowler on 05 Aug 11
     
    "How to enable and tags in all major browsers To make HTML5 video and audio tags work in all major browsers, simply add the following line of code somewhere in the of your document. "
Vernon Fowler

html5shiv - HTML5 IE enabling script - Google Project Hosting - 1 views

code.google.com/html5shiv

html5 ie browsers html script javascript browser minify

shared by Vernon Fowler on 25 Mar 13 - No Cached
  • It must be included before the <body> element (i.e. in the <head>)
  • minified
1 - 8 of 8
Showing 20▼ items per page