BootStrap中


Posted in Javascript onDecember 10, 2016

最近在学习bootstrap3.3.5,遇到一个问题搞不清楚<li role="presentation">到底什么含义?

网上到处查国内资料很少,没有表达最贴切含义,在GitHub 查到了相关资料结合“图灵计算机词汇”
在图灵计算机词汇里也可以查询其含义:

presentation 

n. 【Web】表现层;[计] 简报,列表单;【通用软件】演示(来源:图灵计算机词汇表);
n.  赠与,赠送,描述,简述,介绍,陈述,表达;[医] 先露,表象(心理);[经] 提示, 交单;

由此可以推断:presentation在bootstrap<li role="presentation">中意为:【列表单】最为恰当合适。

无序 HTML 列表:

<ul>
 <li>Coffee</li>
 <li>Tea</li>
 <li>Milk</li>
</ul>

注:<ul> 标签定义无序列表,li标签定义无序列表单/项。

 同:<li role="presentation">与<a role="menuitem" ></a>中role扮演角色是大同小异,即菜单列表单/项。

以下列举【案例】:

<div class="dropdown">
 <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
 选择你喜欢的品种
 <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 <li role="presentation" class="dropdown-header">选择你喜欢的水果</li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">苹果</a></li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">香蕉</a></li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">菠萝</a></li>
 <li role="presentation" class="divider"></li>
 <li role="presentation" class="dropdown-header">选择你喜欢的树木</li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">松树</a></li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">白杨</a></li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">柳树</a></li>
 <li role="presentation" class="divider"></li>
 <li role="presentation" class="dropdown-header">选择你喜欢的蔬菜</li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">芹菜</a></li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">萝卜</a></li>
 <li role="presentation"><a role="menuitem" tabindex="-1" href="#">白菜</a></li>
 <li role="presentation" class="divider"></li>
 </ul>
</div>

以上所述是小编给大家介绍的BootStrap中<li role="presentation">真实含义解析,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 Javascript
关于 文本框默认值 的操作js代码
Jan 12 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
Jan 14 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
Apr 06 Javascript
对JavaScript客户端应用编程的一些建议
Jun 24 Javascript
js控件Kindeditor实现图片自动上传功能
Jul 20 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
Oct 25 Javascript
jquery实现的table排序功能示例
Mar 10 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
jquery插件实现悬浮的菜单
Apr 24 jQuery
Axios代理配置及封装响应拦截处理方式
Apr 07 Vue.js
jQuery Ajax请求后台数据并在前台接收
Dec 10 #Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 #Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
javascript动画之磁性吸附效果篇
Dec 09 #Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 #Javascript
详解自动生成博客目录案例
Dec 09 #Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 #Javascript
You might like
php getsiteurl()函数
2009/09/05 PHP
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
PHP获取文件的MD5值并判断是否被修改的例子
2014/06/19 PHP
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
Underscore源码分析
2015/12/30 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
2016/01/26 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
小程序实现多选框功能
2018/10/30 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
解决Python3中的中文字符编码的问题
2018/07/18 Python
python3实现多线程聊天室
2018/12/12 Python
python使用knn实现特征向量分类
2018/12/26 Python
python爬虫之自制英汉字典
2019/06/24 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
美国精品家居用品网站:US-Mattress
2016/08/24 全球购物
Trunki英国官网:儿童坐骑式行李箱
2017/05/30 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
英国曼彻斯特宠物用品品牌:Bunty Pet Products
2019/07/27 全球购物
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
违反学校规定检讨书
2014/01/18 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
房产转让协议书
2014/04/11 职场文书
学习型党组织心得体会
2014/09/12 职场文书
2014国庆节标语口号
2014/09/19 职场文书
小学四年级学生评语
2014/12/26 职场文书
保外就医申请书范文
2015/08/06 职场文书