Semantic-UI Menu Header Content Last Updated : 09 Mar, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report Semantic UI open-source framework gives icons or glyphs that are used to show pictures related to some elements using CSS and jQuery that is used to create great user interfaces. It is a development framework used to create beautiful and responsive layouts. Semantic UI Menu is a group of elements that displays different navigation actions. We can navigate to different pages of the website. A menu can be a combination of links, a search bar, and dropdowns. Semantic UI Menu Header Content is used to display the website brand name. The header content has different formatting from the rest of the items. Semantic UI Menu Header Content Classes: header: The item or menu with header class has the formatting of the header. Syntax: Add the header class to an item inside the menu as follows: <div class="ui menu"> <div class="header item"> ... </div> ... </div> Example: In the following example, we have a menu with a header item at the starting. HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content= "width=device-width, initial-scale=1.0" /> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <div class="ui container"> <center> <div class="ui header green"> <h1> GeeksforGeeks </h1> </div> <strong> Semantic UI Menu Header Content </strong> <br /> <br /> </center> <div class="ui menu"> <div class="header item"> GeeksforGeeks </div> <a class="item" href= "https://www.geeksforgeeks.org/data-structures" target="_blank"> Data Structures </a> <a class="item" href= "https://www.geeksforgeeks.org/fundamentals-of-algorithms" target="_blank"> Algorithms </a> <a class="item" href= "https://www.geeksforgeeks.org/machine-learning/" target="_blank"> Machine Learning </a> </div> </div> </body> </html> Output: Reference: https://semantic-ui.com/collections/menu.html#header Comment More infoAdvertise with us Next Article Semantic-UI Header Content M manavsarkar07 Follow Improve Article Tags : Web Technologies CSS Semantic-UI Semantic-UI Collections Similar Reads Semantic-UI Image Header Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic-UI header provides a short summary of content and it’s can contain 3 content 2 min read Semantic-UI Header Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic-UI header provides a short summary of content and it's can contain 3 content 2 min read Semantic-UI Item Content Header Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI Item content offers us different content like image, content, header, met 2 min read Semantic-UI Icon Header Content Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic-UI header provides a short summary of content and it’s can contain 3 content 2 min read Semantic-UI Modal Header Content Semantic UI open-source framework gives icons or glyphs that are used to show pictures related to some elements using CSS and jQuery that is used to create great user interfaces. It is a development framework used to create beautiful and responsive layouts. Semantic UI Modal displays content above t 2 min read Semantic-UI Menu Content Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks. The menu is a component that displays a group of items that serve as navigatio 3 min read Like