With HTML, we often implement the editable contents with a TextArea, Text and RichText editor controls. With HTML5, we can use the ContentEditable attribute on any content element to allow users to edit and change the content.
For example, when we use the following HTML page:
<header id="headercontent" contenteditable="true">
<div id="MainContent" contenteditable="true">
<footer id="footercontent" contenteditable="true">
We should note that the main purpose of this attribute is to allow users to update the content, but it does not allow the user to format the contents with text effects. For that type of functionality we would need to add a plugin that can support rich text capabilities.