HTML 5+Bootstrap学習ノート4


HTML 5タグ
ラベルは、クライアントの画像マッピングを定義します.画像マッピングは、クリック可能な領域を有する画像です.
ラベルは、画像マッピング内部の領域を定義する(画像マッピングは、クリック可能な領域を有する画像を指す).
area要素は常にラベルの内部にネストされています.
1 <img src ="planets.gif" alt="Planets" usemap ="#planetmap" />
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>

参考資料:HTML 5タグhttp://www.w3school.com.cn/html5/html5_map.asp
HTML 5タグhttp://www.w3school.com.cn/html5/html5_area.asp
HTML 5
タグ
ラベルは、ドキュメント内のセクション(section、セグメント)を定義します.章、ヘッダー、フッター、ドキュメントの他の部分などです.
1 <section>
2   <h1>PRC</h1>
3   <p>The People's Republic of China was born in 1949...</p>
4 </section>

sectionはドキュメント全体のアウトラインの生成に影響します.sectionを意味化されたdivとして理解することは避けてください.
参考資料:HTML 5
タグhttp://www.w3school.com.cn/html5/html5_section.asp
Bootstrap glyphicon glyphicon-chevron-right">"垂直中心の問題(単元高が固定されていない)
この問題は良い解決策が見つからず、さらなる研究に備えるために参考資料を記録した.
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はパネル全体をリンクします
参考資料:http://stackoverflow.com/questions/20364512/how-do-i-make-entire-bootstrap-panel-as-hyperlink
Bootstrap 3.3.4でglyphiconはロードできませんか?
Bootstrap 3.3.4はローカルに配備されていますが、span glyphiconは正常にロードできません.原因は不明ですが、CDNアクセルサービスを利用して正常に利用しています.
1 <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">

Bootstrap 2アップグレード3
参考資料:Bootstrap 2.xバージョンを3.0バージョンhttp://v3.bootcss.com/migration/にアップグレード
Bootstrap 3 http://www.berlinix.com/web/uptobs3.phpにアップグレード