Refinance now before rates go up! Get multiple rate quotes at GetMyLender.com.

List of HTML5 Block Level Elements

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 Elements
2. 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