<Li role =, lirole in BootStrap
I have been studying bootstrap3.3.5 recently. I am confused about a problem.<li role="presentation">
What exactly does it mean?
There are very few Chinese documents on the Internet, but they do not express the most appropriate meanings. on GitHub, I found the relevant materials in combination with the "Turing computer vocabulary"
In the Turing computer vocabulary, you can also query its meaning:
Presentation
N. [Web] presentation layer; [meter] briefing, list sheet; [General Software] demonstration (Source: Turing computer vocabulary );
N. Gifts, gifts, descriptions, descriptions, introductions, statements, and expressions; [Medical Doctor] xianlu, appearance (Psychology); [received] tips, submit a ticket;
It can be inferred that:Presentation in bootstrap <li role = "presentation">
The most suitable option is [list ticket.
Unordered HTML list:
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ul>
Note: <ul> the label definition is unordered. The li label defines no sequence form/item.
The same is true for <li role = "presentation"> and <a role = "menuitem"> </a>.
The following is a [case ]:
<Div class = "dropdown"> <button class = "btn-default dropdown-toggle" type = "button" data-toggle = "dropdown"> select the type you like <span class = "caret"> </span> </button> <ul class = "dropdown-menu" role = "menu" aria-labelledby = "dropdownMenu1"> <li role = "presentation" class = "dropdown-header"> select the fruit you like </li> <li role = "presentation"> <a role = "menuitem" tabindex = "-1" href = "#"> Apple </a> </li> <li role = "presentation"> <a role = "menuitem" tabindex = "-1" href = "# "> banana </a> </li> <li role =" presentation "> <a role =" menuitem "tabindex ="-1 "href =" # "> pineapple </a> </li> <li role = "presentation" class = "divider"> </li> <li role = "presentation" class = "dropdown-header"> select trees you like </li> <li role = "presentation"> <a role = "menuitem" tabindex = "-1" href = "#"> pine trees </a> </li> <li role = "presentation"> <a role = "menuitem" tabindex = "-1" href = "#"> poplar </a> </li> <li role = "presentation"> <a role = "menuitem" tabindex = "-1" href = "#"> Willow </a> </li> <li role =" presentation "class =" divider "> </li> <li role =" presentation "class =" dropdown-header "> select your favorite vegetables </li> <li role =" presentation "> <a role =" menuitem "tabindex ="-1 "href =" # "> celery </a> </li> <li role =" presentation "> <a role = "menuitem" tabindex = "-1" href = "#"> radish </a> </li> <li role = "presentation"> <a role =" menuitem "tabindex ="-1 "href =" # "> cabbage </a> </li> <li role =" presentation "class =" divider "> </li> </ul> </div>
The above section describes the true meaning of <li role = "presentation"> In BootStrap. I hope it will help you. If you have any questions, please leave a message, the editor will reply to you in a timely manner, and I would like to thank you for your support for the help House website!