Comments on: The Footer Element Update

By: tex

tex — Mon, 07 May 2012 03:37:44 +0000

can I have more than one footer per section?

By: CSS3HTML5 » Learn HTML5: HTML5 Tutorials and Guides

CSS3HTML5 » Learn HTML5: HTML5 Tutorials and Guides — Fri, 27 Apr 2012 03:28:09 +0000

[...] The Footer Element [...]

By: Semantik HTML5 Etiketleri : “footer” Etiketi | SES@: Eğitim Teknolojilerinin Sesi

Sat, 31 Mar 2012 21:05:41 +0000

[...] http://html5doctor.com/the-footer-element-update/#footer [...]

By: Paceaux

Paceaux — Thu, 29 Mar 2012 18:17:33 +0000

Hey guys, so I have a question regarding footer vs. aside for a piece of content. Let's say I have an article containing a few different pieces of content, and for whatever reason, I'm required to give a legal disclosure regarding that section of content. Would I put my legal disclosure text in an aside for that article, or in a footer? the legal disclaimer is tangental to the main content; it's similar, but not directly related, I'd think. The user didn't visit the page to read that disclaimer, but it's required to be there. That makes me think that it's an aside But, the legal disclaimer is also the conclusion of the piece of content. I know that small would also be appropriate, but in the CMS, the content author has a rich text field where they could have a block of legalese that's several paragraphs; not appropriate for small.

By: Nick

Nick — Thu, 01 Mar 2012 18:20:33 +0000

@Josué
You don’t have to use div’s and containers for everything. Example, div id=”section1″, div id=”section2″. If you want to use ids and classes and have different styling per section in html, use
section id="class"

Which may look like this in css:
section#class { declaration }

In this case, it will validate according to the html5 outline by the use of “section” rather than “div”.

You also don’t need classes and ids for the new html 5 semantics. Look up selectors such as “>” and “+” and “:not”. You could do something like this:
section>footer:first-child { declarations }

Which means when a footer follows a section that is equal to the first one, use this declaration.

Then, if you have other sections that need footers, you can use other css such as:
section>footer { declaration }
This means the CSS declaration will apply to all footers within sections. But since you have used “section>footer:first-child”, your css declaration for “section>footer” elements will not be applied to the first-child. However, in this example I have the “first-child” selector appearing first in the css. Make sure your “first-child” selector appears last in the css order to be applied.

By: Richard Clark

Richard Clark — Mon, 19 Dec 2011 20:17:33 +0000

@Nate, this article was written before our redesign, so it’s a little out of date in that respect I’m afraid.

By: nate

nate — Mon, 19 Dec 2011 15:53:08 +0000

"To see an example of the

By: Alohci

Alohci — Tue, 20 Sep 2011 17:04:33 +0000

@Josué – You can have as many footers as you like in a section.

You can also have sections inside footers, but such a section cannot then have a footer. Which doesn’t make a lot of sense to me semantically, but those are the rules.

By: Josué Saúl Martín Hernández

Josué Saúl Martín Hernández — Tue, 20 Sep 2011 14:16:12 +0000

@tom I guess you can’t use two footers in the same section, you only can:



  content 2

  The Footer 2





  content 2

  The Footer 2

So you identify them as (CSS):



#section1 footer{....}

#section2 footer{....}

Am I right Doctor? Are this elements yet controlable trough javascript & DOM too?

By: Using HTML5 elements with jQuery Mobile - operationmobile.com

Using HTML5 elements with jQuery Mobile - operationmobile.com — Thu, 08 Sep 2011 20:03:00 +0000

[...] I find odd is that while the DOCTYPE is declared the HTML5 way, divs are used instead of header and footer elements.Here’s an example taken straight from the docs and the jsFiddle page showing it [...]