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 图片上一张下一张链接效果代码
Mar 12 Javascript
JavaScript通过RegExp实现客户端验证处理程序
May 07 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
Jun 06 Javascript
Angularjs Promise实例详解
Mar 15 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
Aug 22 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
vue+axios+promise实际开发用法详解
Oct 15 Javascript
js实现登录拖拽窗口
Feb 10 Javascript
在vue中使用回调函数,this调用无效的解决
Aug 11 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面向对象之多态
2014/08/20 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
JS中彻底删除JSON对象组成的数组中的元素
2020/09/22 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
javascript数组的扩展实现代码集合
2008/06/01 Javascript
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
javascript中负数算术右移、逻辑右移的奥秘探索
2013/10/17 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
javascript 拷贝节点cloneNode()使用介绍
2014/04/03 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
python获取本机mac地址和ip地址的方法
2015/04/29 Python
Python利用IPython提高开发效率
2016/08/10 Python
Python实现的计数排序算法示例
2017/11/29 Python
Python模块WSGI使用详解
2018/02/02 Python
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
Python实现把类当做字典来访问
2019/12/16 Python
如何验证python安装成功
2020/07/06 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
如何利用find命令查找文件
2015/02/07 面试题
高级方案规划工程师岗位职责
2013/11/29 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
语文教研活动总结
2014/07/02 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
合同范本之电脑出租
2019/08/13 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
在redisCluster中模糊获取key方式
2021/07/09 Redis