html section vs article vs div

. They are HTML 2.0, 3.2, 4.01 and HTML5. Background. Section tag grouped the generic block of related contents. Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. For more information on article, header, footer, and more, see the article about sectioning. Now that you’ve decided that the content to be enclosed is related, let’s take a look at the section element. The section element is appro… The section element is not a generic container element. This HTML veteran has one important drawback – unskilled users get lost in a code difficulty as it often looks like a wild div mosaic. Instead much emphasis on "div" as the container of choice is taught. HTML5 introduced just nine new structural tags and they’ve been stable for several years: section, article, aside, hgroup, header, footer, nav, figure and figcaption. In HTML, span and div tags are elements used to define parts of a document, so that they are identifiable when a unique classification is necessary.Where other HTML elements such as p (paragraph), em (emphasis), and so on, accurately represent the semantics of the content, the additional use of span and div tags leads to better accessibility for readers and easier maintainability for authors. The meaning of the div element hasn’t changed in HTML5 from HTML 4.01 and it is often the case that this is what you need. And if you use both, what order do they go in and are there limits? You writing IS an "article" and it has "sections." In principle, content in the article element should be independently distributable or reusable. All articles are written by Ire Aderinokun, frontend developer and user interface designer. With the release of new HTML5 tags, such as article , section , header , footer , nav and figure , many web developers decided that these elements are meant to fully replace our old buddy div . While they are not replacement for the div tag, HTML 5 introduces a number of tags used for grouping blocks of code together and adding meaning at the same time. It really championed the idea that how your document is structured and what tags you use should convey meaning to user agents. This article was written by Mike Robinson.A developer at Lift in Reading, England, you can catch him on Twitter or occasionally blogging on his own site, akamike.Beyond the web, Mike is usually gaming or listening to progressive rock. Division is a synonym of section. 1.10.1 Writing secure applications with HTML; 1.10.2 Common pitfalls to avoid when using the scripting APIs; 1.10.3 How to catch mistakes when writing HTML: validators and conformance checkers. -- #A11ycasts 08 - Duration: 10:12. The