Content Categories in HTML - HTML Tutorial

  • Normally, HTML elements follows by the rules describe what kind of content.
  • These rules are combined into content models.
  • Generally, HTML elements belongs to zero, one or multiple content models.

Types of Content Categories

  • Main Content Categories
  • Transparent Content Categories
  • Form-Related Content Categories
  • Specific Content Categories

Main Content Categories

  • Familiar content models distributed by many elements.
Content Categories in HTML

Methods of Main Content Categories

Metadata Content

  • Metadata content category changes the appearance or behavior of the html document.
  • It’s having links to other documents, or convey other out of band information.
  • Some of the metadata content category tags are <base> ,<command>,<link> ,<meta> ,<noscript>,<script>,<style> and <title>

Flow Content

  • The flow content category elements which contain text or embedded content.
  • Some of the flow content category tags are <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>, <bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object>, <ol>, <output>, <p>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <script>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr>

Sectioning Content

  • Sectioning content category defines a part of the present outline that defines the scope of <header> elements, <footer> elements, and heading content.
  • Some of the sectioning content category tags are <article> , <aside> , <nav> and <section> .

Heading Content

  • Heading content category specifies the title of a section, whether marked by an outside sectioning content element or inside defined by the heading content itself.
  • Some of the heading content category tags are <h1>, <h2>, <h3>, <h4>, <h5>, <h6> and <hgroup>

Phrasing Content

  • Phrasing content category specifies the text of the html document and mark-up which contains.
  • Runs of phrasing content create paragraphs.
  • Some of the phrasing content category tags are <abbr> , <audio> , <b> , <bdo> , <br> , <button>, <canvas>, <cite>, <code>, <command>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr>

Embedded Content

  • Embedded content imports different resource or includes the content from different mark-up language or namespace in the document.
  • Some of the embedded content category tags are <audio> , <canvas> , <embed> , <iframe> , <img>, <math>, <object>, <svg>, <video> .

Interactive Content

  • Interactive content category adds elements which are specially described for user interaction.
  • Some of the interactive content category tags are <a>, <button> , <details>, <embed>, <iframe>, <keygen>, <label>, <select>, and <textarea>

Palpable Content

  • A content is palpable when it's neither blank nor hidden.
  • Whose model is flow or phrasing content, which have at least one node which is palpable.

Form-associated Content

  • Form-associated content contains elements which have a form owner, defined by a form attribute.
  • Some of the form attributes are <button>,<fieldset>,<input>, <keygen>,<label>,<meter>,<object>,<output>,<progress>, <select>,<textarea>
  • This category having a several sub-categories
    • Listed
    • Labelable
    • Submittable
    • Resettable

Transparent Content Categories:

  • Contents must be defined properly.
  • It should be valid in HTML 5.
  • If transparent element were eliminated and recovered by child element.

Form-Related Content Categories:

  • Content models familiar to structure-related elements.

Specific Content Categories:

  • Unusual categories distributed only by a few elements, frequently only in an exact context.

Related Searches to Content Categories in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add to your ad blocking whitelist or disable your adblocking software.