Html5+bootstrap Study Notes 4

HTML5 <map> <area> Tags

The <map> tag defines the client's image map. An image map is an image with a clickable area.

<area> tags define the area within the image map (image mapping refers to an image with a clickable area).

The area element is always nested inside the <map> tag.

1 <imgsrc= "Planets.gif"alt= "Planets"Usemap= "#planetmap" />2 3 <MapID= "Planetmap">4  < AreaShape= "Rect"coords= "0,0,82,126"href= "Sun.htm"alt= "Sun" />5  < AreaShape= "Circle"coords= "90,58,3"href= "Mercur.htm"alt= "Mercury" />6  < AreaShape= "Circle"coords= "124,58,8"href= "Venus.htm"alt= "Venus" />7 </Map>

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

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

HTML5 <section> Tags

<section> tags define the sections (section, section) in the document. such as chapters, headers, footers, or other parts of the document.

 1  <  section  >  2   >  prc</ H1  >  3  <  p  >  the people ' s Republic Of China is born in 1949 ... </ p  >  4   Section  >  

Section affects the creation of the entire document outline, not to understand the section as a semantic div.

reference : HTML 5 <section> Tags http://www.w3school.com.cn/html5/html5_section.asp

Bootstrap glyphicon glyphicon-chevron-right ">" Vertical centering Problem (unit height is not fixed)

There is no good solution for this issue, so record resources here for further study.

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 The entire panel as a link

Reference : Http://stackoverflow.com/questions/20364512/how-do-i-make-entire-bootstrap-panel-as-hyperlink

Bootstrap 3.3.4, Glyphicon can't load?

The local deployment bootstrap 3.3.4, but span Glyphicon does not load properly. The reason is unclear , but the use of CDN Accelerator service, normal use.

1 <  rel= "stylesheet"  href= "http://cdn.bootcss.com/bootstrap/3.3.4/css/ Bootstrap.min.css ">

Bootstrap 2 Upgrade 3

reference : Upgrading from Bootstrap 2.x to version 3.0 http://v3.bootcss.com/migration/

Upgrade to Bootstrap 3 http://www.berlinix.com/web/uptobs3.php

Html5+bootstrap Study Notes 4