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 继承的实现
Jul 09 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
javascript使用输出语句实现网页特效代码
Aug 06 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
vue组件之Alert的实现代码
Oct 17 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
Feb 28 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
Sep 03 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
原生JavaScript实现随机点名表
Jan 14 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
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
PHP序列化操作方法分析
2016/09/28 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
iframe子父页面调用js函数示例
2013/11/07 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
2014/09/24 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
js获取url传值的方法
2015/12/18 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
jquery popupDialog 使用 加载jsp页面的方法
2016/10/25 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
使用JS动态显示文本
2017/09/09 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
Python本地与全局命名空间用法实例
2015/06/16 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
python 计算文件的md5值实例
2017/01/13 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
python 绘制场景热力图的示例
2020/09/23 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
2016元旦主持人经典开场白台词
2015/12/03 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
使用 Apache 反向代理的设置技巧
2022/01/18 Servers
vue中data里面的数据相互使用方式
2022/06/05 Vue.js