![]() The header element can also be used to wrap a section’s table of contents, a search form, or any relevant logos. A header element is intended to usually contain the section’s heading, but this is not required. The element represents a group of introductory or navigational aids. The W3C specifications define the element like this: The element represents the header of the whole page or a section of it. For the sake of our discussion we will use the above sample web page as an example. Now that you have some idea about the semantic elements, let’s discuss each of the elements in more detail. The following figure shows an actual web page making use of these elements: ![]() For example, the element can be placed on the left hand side of the or even above or below it. Note that their exact location on a page is purely dependent on the layout. The above figure shows a typical arrangement of various elements. The following figure shows a sample page layout designed using these elements: These semantic elements of HTML5 are listed below (this is not an exhaustive list):Īs you can see, these elements are quite expressive and you can immediately get an idea of the intended purpose. These new elements have meaningful names so that just by looking at these elements you get a clear idea about their content. HTML5 includes a set of markup elements that overcome this difficulty. It simply marks a division or section of the web page but doesn’t dictate what can go inside that section. It has no specific documented responsibility. This is because is a general purpose element. In the absence of this CSS class, however, there is no way to easily identify what the might be doing. In the above markup it is the header CSS class that gives you an idea as to what the might be doing. For example consider the following markup. Usually CSS classes applied to elements reveal some information about their intended purpose. ![]() A element may wrap a navigational menu or it may house a list of blog posts, but merely using doesn’t convey much information to the developers or to the browsers. However, a element by itself doesn’t convey what it is representing in a web page. Web developers frequently use the element to layout their web pages. Semantic markup expresses its meaning and purpose clearly to the developers and to the browser. This article discusses some of the important HTML5 elements that can contribute to the layout of a web page. ![]() These elements are often termed as Semantic Markup because they convey their meaning and purpose clearly to the developer and to the browser. HTML5offers a set of markup elements that allow you to create a structured layout for web pages. A web page being rendered in the browser consists of many things – logo, informative text, pictures, hyperlinks, navigational structure and more. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |