The HTML5 tag elements studied today are footer elements. For <footer> This tag represents the footer of the last part of the content, and exactly corresponds to the <Footer> the label defines the footer of a section or document.
In typical cases, this element includes the Creator's name, document creation date, and/or contact information.
That is to say, the footer element is similar to the header element. It can be a separate architectural element (indicating the page footer) of the entire page, or it can be used as an architectural element (representing the footer of some) in some elements ). This is abstract and hard to understand. Let's take a look at the use of the footer element in HTML5 on the W3C official website. Address: http://www.w3.org/html/logo/
Row 349th: footer is defined as part of the footer.
...
<Section id = "free-stickers" class = "swag">
<Div>
<H3> Free Stickers! </H3>
<P> Send a Self-Addressed, Stamped Envelope and we'll send you three cool HTML5 stickers & mdash; just like that, free! Envelopes must be encoded ed by July 15,201 1. </p>
<Address> HTML5 Sticker <br> PO Box 615 <br> Belmont, CA 94002-0615 </address>
<P> Please send a No. 10 business envelope to accommodate all three stickers, see below for more details and international shipping. </p>
<Footer>
Make sure to include enough postage to return a sticker pack via U. s. mail. it's less than one ounce, so a standard $0.44 stamp will do if you're in the United States; enclose an international reply coupon (IRC) if you're outside of the U. s. and be sure to send your envelope in soon -- one per person please. <br/> Your contact information won't be maintained in any way. void where prohibited and only while supplies last. we just want to send you stickers.
</Footer>
</Div>
</Section>
...
Row 366th: The footer element is defined as the bottom of the page.
<Footer>
<Section id = "credits" class = "outro">
<A href = "http://www.w3.org/"> </a>
<P> contents on this site is licensed under a Creative Commons <br> <a href = "http://creativecommons.org/licenses/by/3.0/" title = "Creative Commons
Attribution 3.0 License "> Attribution 3.0 License </a> </p>
</Section>
......
</Footer>
After reading the above two examples, I believe I have some knowledge about the footer element and can be described as follows:
Footer is an element used to represent the footer of a page and a part of the content block.
Enhancement: Normally, we can think of the <div id = "footer">, this part can be transplanted to the footer element in HTML5. The footer element is more powerful, indicating not only the page level, but also the content block level (included in articles, sections, and other elements ).
Extended: Usually the footer element contains the copyright author information, but it is not unique. It can be seen from the W3C HTML5 publicity website above. Like the header element, we can also place the footer element at the top of the page or any part of the page. For example, in the W3C Tutorial:
<Body>
<Footer> <a href = ".../"> Back to index... </a> </footer>
<Hgroup>
<H1> Lorem ipsum <H2> The ipsum of all lorems </Hgroup>
<P> A dolor sit amet, consectetur adipisicing elit, sed do eiusmod
Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
Veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
Ea commodo consequat. Duis aute irure dolor in reprehenderit in
Voluptate velit esse cillum dolore eu fugiat nulla
Pariatur. deleteur sint occaecat cupidatat non proident, sunt in
Culpa qui officia deserunt mollit anim id est laborum. </p>
<Footer> <a href = ".../"> Back to index... </a> </footer>
</Body>
All footer is just a definition, and it just has a real meaning than the DIV we used earlier. This meaning can be used to better understand the structure of Web pages for browsers, search engines, and other applications in the future.
Appendix W3C <footer> analysis: http://www.whatwg.org/specs/web-apps/current-work/#the-footer-element
From Red straw hat * Arain
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
