HTML5+Bootstrap 学习笔记 4
HTML5 <map> <area> 标签
<map> 标签定义客户端的图像映射。图像映射是带有可点击区域的图像。
<area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。
area 元素始终嵌套在 <map> 标签内部。
<img src ="planets.gif" alt="Planets" usemap ="#planetmap" /> <map id ="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>
参考资料:HTML 5 <map> 标签 http://www.w3school.com.cn/html5/html5_map.asp
HTML 5 <area> 标签 http://www.w3school.com.cn/html5/html5_area.asp
HTML5 <section> 标签
<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
section会影响整个文档大纲的生成,切忌将section理解为一个语义化的div。
参考资料:HTML 5 <section> 标签 http://www.w3school.com.cn/html5/html5_section.asp
Bootstrap glyphicon glyphicon-chevron-right ">" 垂直居中的问题(单元高不固定)
该问题并未找到好的解决方案,在此记录参考资料,以备进一步研究。
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 使整个 panel 作为链接
参考资料: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加速服务,正常使用。
<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
最新文章
- web应用程序
- select 多表查询
- 基于HTML5 Canvas实现工控2D叶轮旋转
- UnicodeEncodeError: &lsquo;ascii&rsquo; codec can&rsquo;t encode characters in position xxx ordinal
- Java 动态生成 复杂 .doc文件
- List<;T>;集合导出csv方法参考,通过增加自定义的属性控制输出的字段。
- 第一百一十三节,JavaScript文档对象,DOM基础
- 180114 用装饰器实现在不改变函数调用者的代码基础上,实现在函数执行前后分别打印";before"; 和 ";after";
- openresty+lua劫持请求,有点意思
- ef core 相关
- David Silver强化学习Lecture1:强化学习简介
- mysql 初识sql语句
- Java7,AutoClosable
- Gatling新一代压力测试工具,新一代服务器性能测试工具Gatling
- win xp 关闭动画屏幕角色,那只小狗
- JavaScript可视化框架——Echarts
- [转]SSIS Execute SQL Task : Mapping Parameters And Result Sets
- 天天QA
- 网络编程之socket的运用
- IO复用——poll系统调用
热门文章
- 「微信小程序」PHP异步进程async-helper实例详解
- Java 8-lambda表达式及方法引用
- TestNG+Maven+IDEA 自动化测试(一) 环境搭建
- Angular2 报错 ERROR Error: If ngModel is used within a form tag
- Call to a member function allowField() on null 错误总结
- 【原创】Dynamics CRM 2015/2016,以PDF的形式打开SSRS报表。
- urllib库使用方法 3 get html
- Laravel框架定时任务2种实现方式示例
- Python之文件及文件系统
- 20155231 cho3 课下作业