Semantic UI是一个开源框架,提供用户友好的选项卡来为网站创建出色的用户界面。它与用于创建出色网站的引导程序用法非常相似。它使用一个类为 HTML 页面结构的不同元素添加样式。选项卡是内容的隐藏部分,可以通过单击来查看。您可以根据需要拥有任意数量的选项卡。
示例:以下示例演示了语义 UI 选项卡的使用。
$('.menu .item').tab();
Semantic UI
Tabs
Hello welcome to geeksforgeeks
Welcome to geeksforgeeks.
Provide tutorials for learning.
Email your resume at careers@geeksforgeeks.org
输出:
示例:以下示例演示了多个选项卡组。
Semantic UI
Tabs
Hello, welcome to geeksforgeeks
Collection of data under similar
data type with contigious memory.
Collection of data with
dynamic memory allocation
Tree like structure to store data
Python Framework
JavaScript Framework
PHP framework
The most basic programming language.
C language with object oriented feature
Java is most popular enterprise
programming language.
输出: