css & html & quirks in popular browsers

[briefy]

Caveat For All

• input doesn't need line-height to make words vertical centre

• display:inline-block
  when using vertical-align on this elements, browsers have the save default baseline not top,
  however, under some circumstance, browsers may have a different render for baseline,
  set vertical-align explicitly

• image-map, an image with clickable areas

   <!-- ************************************************************************
      In HTML5, if the id attribute of the <map> tag is also specified, 
           it must have the same value as the name attribute 
    ************************************************************************ -->
   <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
   <map name="planetmap">
       <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
       <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
       <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
   </map>

[briefy]

TODO

• Form validation ,both by js and only by html, strength of password
• geometory of the DOM and BOM system
• relationship between different kinds of events, how many click will happen when have muti touches, touchlist ghost click
• Touch-action property

[briefy]

IE
Stylesheet Limits in Internet Explorer