Do developers know the reasons for moving to div-based structures, and do they know _how_ to? The first question you need to ask yourself, is if you simply want to contain information for styling, use a div. It has no effect on the content or layout until styled using CSS. According to W3C's HTML documentation: "A section is a thematic grouping of content, typically with a heading." Div. Hardly any mention of the other element tags above. It is often confused with section and div but don’t worry we’ll explain the difference between them.. What the spec says. This HTML veteran has one important drawback – unskilled users get lost in a code difficulty as it often looks like a wild div mosaic. Often it seems that people are moving away from table hell only to wind up in div hell. For a page full of blog posts you would use an for each post (and then wrap the whole lot in a single DIV), but the above example is different as it is a list of previews. HTML Layout. Over the last several years, developers have moved from table-based website structures to div-based structures. The HTML Content Division element (div) is the generic container for flow content. Chances are you are living in the past or working on a project that was built in the past that is still marking up content using DIV tags instead of semantic tags like article and section. Browsers will still be able to render your markup and display your content to users. We use cookies to improve user experience, and analyze website traffic. Accept. 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. The article element represents a section of content that forms an independent part of a document or site; for example, a magazine or newspaper article, or a blog entry.. Instead much emphasis on "div" as the container of choice is taught. This is most often used in two contexts: The element defines a section in a document.. HTML Element. Creating Website Layouts. We’ve discussed a lot of new elements here at HTML5Doctor, but the article element has somehow escaped the microscope… until now!article is one of the new sectioning elements. The HTML Content Division element (div) is the generic container for flow content. Try Examples. The tag is one of the new semantic elements introduced with HTML5.According to the HTML5 specification:. Independent Unit of Content. There isn’t anything functionally wrong with writing H TML this way. How come TreeHouse HTML class did not touch on the subject of semantic tags like "article" "main", "section" and "aside" tags. 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 . Organizing and grouping content together with article and section elements.Code & tutorials: http://learn-the-web.algonquindesign.ca/topics/html-semantics/ 2 Answers. Is there any reason for this? See how to use the tag to group HTML elements and style them with CSS, how to apply class, id, style, and other attributes to tag. Hey, that’s great. Creating a website layout is the activity of positioning the various elements that make a web page in a well-structured manner and give appealing look to the website. In this tutorial you will learn about the different methods of creating a web page layout. Div, div, div! But wait! It has no effect on the content or layout until styled using CSS. William Whitworth 6,117 Points William Whitworth . A web page could normally be split into sections for introduction, content, and contact information.