Types of Elements in HTML

  • HTML elements are classified into the following types

    • Normal Element
    • Void Element
    • RC Data Element
    • Raw Text Element
    • Foreign Element

Element Type

Description

Normal Element
  • A normal element directly returns some presentation directly on call back. 
  • It starts returning the presentation and will never stop. 
  • Usually it stops only at the end of the document. 
  • These types of elements are designed by using

Start Tag  <tagname>

End Tag    </tagname>

Ex: <b> </b>

Void Element
  • Terms void defines no-return value. 
  • Void the element will not return anything directly on a callback. 
  • You have to define what to return by using attributes. 
  • It will return only the content that you asked to. And stops automatically. 
  • These elements don't require and end tag.
  • They are self-ending elements

Ex: <img>

 

RC Data Element
  • Rich Content elements.
  • The elements are used for presenting text.
  • You can't embed any other content with in the context? 
  • You can use only for text without any formats.
  • Any the content you defined will be treated as plain text.

Ex: <textarea> </textarea>

Raw Text Element
  • It is an HTML element or literal [plain text, code, or symbol].
  • It is presented without using a tag. 
  • It uses raw text for presentation. 
  • The raw text elements are defined with < > or &.

Ex:

 &#8377; ₹

 &copy; ©

Foreign element
  • It is HTML element but not native to HTML. 
  • These elements require an additional library, the browser can't understand these elements directly.
  • You have to import library or define a plugin to use that element. 

Ex: 

    SVG, Canvas, MathML