HTML5 + Bootstrap Study Notes 4, html5bootstrap

HTML5 + Bootstrap Study Notes 4, html5bootstrap

HTML5 <map> <area> labels

<Map> the tag defines the image ing of the client. Image ing is an image with clickable areas.

<Area> A tag defines the areas in the image ing (image ing refers to an image with clickable areas ).

The area element is always nested in the <map> label.

1 2 3 <map id ="planetmap">4  <area shape ="rect" coords ="0,0,82,126" href ="sun.htm" alt="Sun" />5  <area shape ="circle" coords ="90,58,3" href ="mercur.htm" alt="Mercury" />6  <area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" />7 </map>

References: HTML 5 <map> label http://www.w3school.com.cn/html5/html5_map.asp

HTML 5 <area> label http://www.w3school.com.cn/html5/html5_area.asp

HTML5 <section> labels

<Section> label defines sections (sections and sections) in the document ). For example, a section, header, footer, or other part of the document.

1 <section>2   
Section affects the generation of the entire document outline. do not regard section as a semantic div.
References: HTML 5 <section> label http://www.w3school.com.cn/html5/html5_section.asp

Bootstrap glyphicon-chevron-right ">" vertical center problem (unit height is not fixed)
No good solution is found for this problem, which is recorded hereReferencesFor further research.
Http://stackoverflow.com/questions/21749372/how-to-center-an-icon-vertically-when-using-bootstrap-3-grid
Http://stackoverflow.com/questions/21588819/twitter-bootstrap-carousel-arrows-not-centered-vertically-depending-on-glyphicon
Http://jsfiddle.net/AdF6b/2/
Http://jsfiddle.net/KyleMit/Z9ZFr/
Http://stackoverflow.com/questions/21460610/centering-a-glyphicon-inside-a-div
Http://stackoverflow.com/questions/22719315/vertical-align-glyphicon-in-bootstrap-3

 Bootstrap uses the entire panel as a link
References: Http://stackoverflow.com/questions/20364512/how-do-i-make-entire-bootstrap-panel-as-hyperlink

Unable to load glyphicon under Bootstrap 3.3.4?
Bootstrap 3.3.4 is deployed locally, but the span glyphicon cannot be loaded normally.Unknown reasonBut the CDN acceleration service can be used normally.
1 <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">

 Bootstrap 2 upgrade 3
References: Upgrade from Bootstrap 2.x to version 3.0 http://v3.bootcss.com/migration/
Upgrade to Bootstrap 3 http://www.berlinix.com/web/uptobs3.php