Define the "correct" web element.

For html5 application, it uses the embedded tags to describe a web element. It
 is better to use the outer tag, which has an attribute such as role="" or
 type="". Define the correct component could avoid some strange problems.

Examples:

We should define RS as Button="id=closeButton" for the DOM structure below:
<button id="closeButton" type="button">

  <div id="closeButton-inner">

    <span id="closeButton-content" >Close</span>

  </div>

</button>


We should define RS as Checkbox="id=check1" for the DOM structure below:
<div id="check1" role="checkbox">

  <input id="check1-inner">
 </input>

</div>