📜  语义 UI 占位符标题内容

📅  最后修改于: 2022-05-13 01:56:17.381000             🧑  作者: Mango

语义 UI 占位符标题内容

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。在本文中,我们将了解占位符变体。

Semantic-UI 占位符用于为即将出现在网页布局中的内容保留空间。 Placeholder Headers Content用于显示标题内容的占位符。标题内容的块大小略大于段落的块大小。

Semantic-UI Placeholder Headers Content Used Class:

  • header:该类用于创建标题内容块布局。

句法:

...

示例 1:在此示例中,我们将使用 Semantic-UI Placeholder Headers Content 来描述标题内容的布局。

HTML


  

    
        Semantic-UI Placeholder Headers Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Placeholder Headers Content

    
    

       
        
            
            
            
        
           
            
            
            
        
    
  


HTML


  

    
        Semantic-UI Placeholder Headers Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Placeholder Headers Content

    
    

       
        
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
    
  


输出:

示例 2:在此示例中,我们将使用 Semantic-UI Placeholder Headers Content 来描述标题内容的布局。

HTML



  

    
        Semantic-UI Placeholder Headers Content
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Placeholder Headers Content

    
    

       
        
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
           
            
                
                    
                        
                        
                    
                
            
        
    
  

输出:

参考: https://semantic-ui.com/elements/placeholder.html#headers