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 相关文章推荐
一端时间轮换的广告
Jun 26 Javascript
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
Sep 07 Javascript
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
Jan 22 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
javascript事件模型实例分析
Jan 30 Javascript
js实现漂浮回顶部按钮实例
May 06 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
May 20 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
JS实现隔行换色的表格排序
Mar 27 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
详解ES6中class的实现原理
Oct 03 Javascript
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使用sql数据库 获取字段问题介绍
2013/08/12 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JavaScript更改class和id的方法
2008/10/10 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
javascript中的一些注意事项 更新中
2010/12/06 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
React数据传递之组件内部通信的方法
2017/12/31 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
python使用pyqt写带界面工具的示例代码
2017/10/23 Python
使用Python做垃圾分类的原理及实例代码附源码
2019/07/02 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
模具设计与制造专业自荐书
2014/07/01 职场文书
优秀教师个人总结
2015/02/11 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
python常见的占位符总结及用法
2021/07/02 Python
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL