In this tutorial, we will discuss about one of the type of HTML5 elements i.e block level elements in HTML5. As in one of the article, we already have posted information about different types of HTML4 elements and difference between them. You can read that article by clicking on Read More...
HTML5 Block Level Elements
In general, HTML5 elements can be divided into two categories :
1. Block Level Elements2. Inline Elements
Details about HTML5 Block Level Elements
1. HTML block level elements can appear in the body of an HTML page.2. It can contain other block level as well as inline elements.
3. By default, block-level elements begin on new lines.
4. Block level elements create larger structures (than inline elements).
Block-level elements place a line break before and after the element
Here is the complete list of Block Level Elements in HTML5
Selector | HTML Use | Selector | HTML Use |
---|---|---|---|
article* | Article Content | header* | Section or Page Header |
aside* | Aside Content | hgroup* | Groups Header Information |
blockquote | Long Quotation | hr | Horizontal Rule |
body | Page Body | li | List Item |
br | Line Break | map | Image Map |
button | Push Button | object | Object Embedding |
canvas* | Draw Area | ol | Ordered List |
caption | Table Caption | output* | Form Output |
col | Table Column | p | Paragraph |
colgroup | Group of Table Columns | pre | Preformatted Text |
dd | Definition Description | progress* | Displays progress of time consuming task |
div | Division | section* | Section in Web page |
dl | Definition List | table | Table |
dt | Definition Term | tbody | Table Body |
embed | External Content | textarea | Form Text Input Area |
fieldset | Fieldset Label | tfoot | Table Footer |
figcaption* | Figure Caption | th | Table Header |
figure* | Groups Media Content and Caption | thead | Table Header |
footer* | Section or page footer | tr | Table Row |
form | Input Form | ul | Unordered List |
h1 to h6 | Heading Levels 1–6 | video* | Video player |
* will represent Block Level Elements new in HTML5
Conclusion :
I hope that this article would have helped you in understanding HTML5 Block Level Elements. Your feedback and constructive contributions are always welcome.
No comments:
Post a Comment