📜  Semantic-UI 广告通用单元类型

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

Semantic-UI 广告通用单元类型

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

它配备了预构建的语义组件,有助于使用用户友好的 HTML 创建响应式布局,它使用预定义的 CSS 和 JQuery 来整合不同的框架。广告显示第三方促销内容,并且可以以常见的广告单元尺寸显示。

Semantic-UI 广告通用单元类型类:

  • medium rectangle:这个类用于为广告制作一个矩形大小的空位。
  • 横幅:该类用于为广告制作横幅类型的空位。
  • 排行榜:该类用于为广告制作排行榜类型的空位。
  • 大矩形:该类用于制作一个大矩形类型的广告空位。
  • half page:该类用于为广告制作半页类型的空白位置。

句法:

...

下面的示例说明了语义 UI 广告通用单元类型。

示例 1:在此示例中,我们将创建所有 5 种类型的 Common Unit Advertisement。

HTML



    


    
        

GeeksForGeeks

        

Semantic UI Advertisement Common Unit Type

    
    
    
         
    
    
    
    
    


HTML



    


    
        

GeeksForGeeks

        

Semantic UI Advertisement Common Unit Type

    
        
    


输出:

Semantic-UI 广告通用单元类型

Semantic-UI 广告通用单元类型

示例 2:在此示例中,我们将创建一个中型广告。

HTML




    


    
        

GeeksForGeeks

        

Semantic UI Advertisement Common Unit Type

    
        
    

输出:

Semantic-UI 广告通用单元类型

Semantic-UI 广告通用单元类型

参考: https://semantic-ui.com/views/advertisement.html#common-units